【Web前端基礎知識】如何構造Array數組函數

數組(Array)在前端開發中經常使用，今天我們來學習下數組。我們從Array創建方式(構造函數、字面量)，實例方法等方面來學習Array。

構造函數。

Array是 JavaScript 的原生對象，同時也是一個構造函數，可以用它生成新的數組。

1. var arr = new Array(2); 
2. console.log(arr.length); // 2 
3. console.log(arr); // [ empty x 2 ] 

在上面代碼中，Array構造函數的參數2，表示生成一個兩個成員的數組，每個位置都是空值。

如果沒有使用new，運行結果也是一樣的。也就是 var arr = new Array(2); 等同于 var arr = Array(2);

Array構造函數有一個很大的缺陷，就是不同的參數，會導致它的行為不一致。

1. // 無參數時，返回一個空數組 
2. new Array() // [] 
3. ​ 
4. // 單個正整數參數，表示返回的新數組的長度 
5. new Array(1) // [ empty ] 
6. new Array(2) // [ empty x 2 ] 
7. ​ 
8. // 非正整數的數值作為參數，會報錯 
9. new Array(3.2) // RangeError: Invalid array length 
10. new Array(-3) // RangeError: Invalid array length 
11. ​ 
12. // 單個非數值（比如字符串、布爾值、對象等）作為參數，則該參數是返回的新數組的成員 
13. new Array('abc') // ['abc'] 
14. new Array([1]) // [Array[1]] 
15. ​ 
16. // 多參數時，所有參數都是返回的新數組的成員 
17. new Array(1, 2) // [1, 2] 
18. new Array('a', 'b', 'c') // ['a', 'b', 'c'] 

使用構造函數Array創建數組，不傳參數，會得到一個空數組;如果參數只有一個而且參數為正整數，表示新數組的長度;如果使用非正整數作為參數，會報錯;如果單個非數字作為參數，那么這個參數就是新數組的成員;如果是多個參數，那么所有的參數都是新數組的成員。

通過上面的代碼，可以看到，Array作為構造函數，行為很不一致。因此，不建議使用它生成新數組，直接使用數組字面量是更好的做法，而我們在開發中更多的也是使用字面量形式創建數組。比如下面的代碼：

1. // 構造函數形式 
2. var arr = new Array(1, 2, 3); 
3. ​ 
4. // 字面量形式 
5. var arr = [1, 2, 3];