以下內容若有問題煩請即時告知我予以修改，以免誤導更多人。

1. 引數的陣列arguments

引數中的陣列，函式中可以不需要定義引數

<script>
    sum(12, 5, 6);

    function sum() {
        console.log(arguments[1]);  // 5
    }
</script>

2. 設定樣式的三種方法

1. style.xxx
   oDiv.style.width = ‘300px’;

2. className
   oDiv.className = ‘active’;

3. cssText
   批量設定樣式
   oDiv.style.cssText = ‘width: 300px; height: 300px’;

3. 字串的相關方法

• str.charAt(i); 獲取字串中的第i+1個字元 返回值：相應位置的字元

str[i]的相容問題
獲取字串中的第i+1個
- str[i] 相容：高階瀏覽器及IE8+
IE7 -> undefined
- str.charAt(i) 全相容

• str.indexOf(‘w’); 查詢w在字串中的位置 返回值：成功 -> w在字串中的位置 失敗 -> -1

1. 從左往右找
2. 區分大小寫
3. 找到第一個相同值即停止
4. 查詢多個字元時，返回第一個字元的位置

• str.lastIndexOf(‘w’); 查詢w在字串中的位置 返回值：成功 -> w在字串中的位置 失敗 -> -1

從右往左倒序查詢，返回的索引值與indexOf()規則相同

• str.search(‘w’); 與indexOf()規則相同 常用於正則

• str.substring(開始位置, 結束位置); 擷取字串，包含開始位置，不包含結束位置

str.substring(開始位置); 擷取字串 從開始位置一直擷取到最後

• str.substr(開始位置, 擷取字串長度); 定長擷取字串

• str.slice(開始位置, 結束位置); 擷取字串

• str.match(‘w’); 在字串中匹配w 常用於正則 返回值：成功 -> 匹配的w 失敗 -> null

• str.split(‘w’); 切割字串 返回值型別：陣列

1. 字串按w割開，去掉w後組成的陣列
2. 若沒找到w則原樣返回一個長度為1的陣列
3. 若為”(空字串，無空格)則返回將str中每個字元逐個拆開的陣列

• str.toUpperCase(); str轉大寫
  str.toLowerCase(); str轉小寫

• str.replace(‘xxx’, ‘yyy’); 常用於正則 引數：被替換內容,替換內容

1. 修改第一個被替換內容
2. 替換不修改原字串, 需重新宣告
3. 第二個引數可為一個方法
4. replace可以連用

<script>
    var str = 'xxa';
    str.replace('x','y');
    str2 = str.replace('a', 'b');
    str3 = str.replace('x', 'y').replace('a', 'b');
    alert(str);     // xxa
    alert(str.replace('x', 'y'));   // yxa
    alert(str2);    //xxb
    alert(str3);    //yxb
</script>

<script>
    var str = 'xxxy';
    var str2 = str.replace('xxx', function(s){
        alert(s);   // xxx  被替換字元 資料型別：string
        var str2 = '';
        for(var i = 0; i < s.length; i++) {
            str2 += '*';
        }
        return str2;    // 替換後的內容
    });

    alert(str2);    // ***y
</script>

• str.charCodeAt(i); // 獲取字串中的第i+1個字元對應的ASCII編碼

a-> 0x61 -> 97
b-> 0x62 -> 98
z -> 0x7A -> 122

4. 字串比較

• 英文 按照字典序(a~z)依次比較，z為最大；從兩字串的第一個字元開始，若相當再比較下一個字元
• 數字 按照數字大小依次；從兩字串的第一個字元開始，若相當再比較下一個字元
• 漢字 按照unicode大小比較

5. 字串應用

判斷瀏覽器的型別

window.navigator.userAgent
eg:

<script>
    if(window.navigator.userAgent.indexOf('Chrome') != -1) {
        console.log('Chrome');
    } else if(window.navigator.userAgent.indexOf('Firefox') != -1) {
        console.log('Firefox');
    } else if(window.navigator.userAgent.indexOf('MSIE7.0') != -1) {
        consolle.log('IE7');
    } else {
        console.log('others');
    }
</script>

判斷上傳檔案格式

eg:

<script>
    var index = str.lastIndexOf('.');
    var type = str.substring(index+1);  //返回檔案型別名
</script>

6. 定義陣列

1. var arr = [1, 2, 3];
2. var arr = new Array(1, 2, 3);

Array()只傳一個引數時表示定義一個新陣列的長度
new Array(10); 定義一個長度為10的陣列

7. 陣列的相關方法

• arr.push(‘w’); 往陣列最後面新增一項 返回值：新新增的那項
• arr.unshift(‘w’); 往陣列最前面新增一項 返回值：新陣列長度
• arr.pop(); 刪除陣列最後一項 返回值：刪除的那項
• arr.shift(); 刪除陣列最前一項 返回值：刪除的那項
• arr.join(‘w’); 陣列各項用w連線成一個字串 返回值型別：字串
• arr.concat(arr2, arr3, …); 陣列arr與arr2、arr3…連線
• arr.reverse(); 陣列翻轉
• arr.sort(); 陣列排序(按字典序和數字序列)

高階排序 數值排序
- 從小到大
arr.sort(function(n1, n2){
return n1-n2;
});
- 從大到小
arr.sort(function(n1, n2){
return n2-n1;
});

• arr.splice(開始位置, 刪除個數, 元素1, 元素2);

<script>
    var arr1=[1,2,3,4];
   arr1.splice(1, 0, 'a', 'b'); //新增：在1後新增'a','b'   返回值：返回空陣列

   var arr2=[1,2,3,4];
   arr2.splice(1, 2); //刪除：刪除2、3    返回值：返回刪除的各項

   var arr3=[1,2,3,4];
   arr3.splice(1, 1, 8, 88, 888) //修改：先刪除再新增 把2改為8,88,888   返回值：返回刪除的各項
</script>

splice模擬方法
1) arr.push(c); -> arr.splice(arr.length, 0, c);
2）arr.unshift(c); -> arr.splice(0, 0, c);
3）arr.pop(); -> arr.splice(arr.length-1, 1);
4）arr.shift(); -> arr.splice(0, 1);

8. json(object型別)

json格式：{name:value,name2:value2, …}
json標準格式：{“name”:value, “name2”:value2, …}

所有鍵名需雙引號,鍵值非數字時需加引號
鍵值對沒有json.length
json的name是唯一的

• 獲取json值: json.name 或者 json[‘name’]
• 新增/修改: json.aaa = ‘bbb’; 或者 json[‘aaa’] = ‘bbb’;

• 刪除: delete json.c; 或者 delete json[‘c’];

• 判斷json內某個屬性是否存在

<script>
    var json = {a: 1, b: 2};
    alert('c' in json); // false 屬性c不存在
</script>

json和陣列的區別

length

• 陣列：有length
• json：沒有length

迴圈遍歷方法

• 陣列：for(var i=0;i

訪問元素下標型別

• 陣列：arr[1] 數字
• json：json[‘a’] 字串

順序

• 陣列：有序，根據下標訪問
• json：無序，根據鍵名訪問

9. Math方法

1. Math.random() 0-1隨機數（不包含1）
2. Math.abs(num) 絕對值
3. Math.max(num1, num2, ...) 最大數
4. Math.min(num1, num2, ...) 最小數
5. Math.floor(num) 向下取整 12.4 -> 12 12.6 -> 12
6. Math.ceil(num) 向上取整 12.5 -> 13 12.1 -> 13
7. Math.pow(n, m) n的m次方 Math.pow(2, 3)=8;
8. Math.sqrt(num) num開平方 Math.sqrt(9)=3;
9. Math.round(num) 四捨五入 12.1 -> 12 12.6 -> 13

num.toFixed(保留小數個數); 保留幾位小數(自動四捨五入)

10. try-catch捕獲異常

<script>
    try {
        // code
    } catch(ex) {   // exception
        console.log(ex.message);    // 檢視錯誤資訊

        // 錯誤的提示資訊
        // 補救的程式碼
    }
</script>

更多內容可以訂閱本人微信公眾號，一起開啟前端小白進階的世界！