在ES6之前,創(chuàng)建數(shù)組的方式有2種:
一: 通過數(shù)組字面量
let array = [1,2,3];console.log(array);//[1,2,3]
二: 通過new Array()創(chuàng)建數(shù)組
let array = new Array(1, 2, 3);console.log(array); //[1,2,3]
在大多數(shù)情況下new Array()運行良好:
let array = new Array(1, 2);console.log(array.length); //2console.log(array[0]); //1console.log(array[1]); //2array = new Array('a');console.log(array.length); //1console.log(array[0]);//'a'array = new Array(1, 'a');console.log(array.length); // 2console.log(array[0]);//1console.log(array[1]);//'a'但是new Array()有一種詭異的情況:
let array = new Array(2);console.log(array[0]); // undefinedconsole.log(array[1]);// undefinedconsole.log(array.length); // 2
當(dāng)我們給new Array()傳遞單個數(shù)字參數(shù)時,這個數(shù)字不是作為數(shù)組元素,而是該數(shù)組的length屬性而存在,而數(shù)組本身則是一個空數(shù)組。
為了解決上面這個令人類沒有安全感的特性,ES6引入了Array.of()來解決這個問題:
三:Array.of()
顧名思義,of()方法就是以它接受到的參數(shù)作為元素來創(chuàng)造數(shù)組,上面我們說的單個數(shù)字參數(shù)的情況也同樣適用:
let array = Array.of(3);console.log(array.length); // 1console.log(array[0]); // 3array = Array.of(1, 2);console.log(array.length);// 2console.log(array[0]); // 1console.log(array[1]);// 2array = Array.of('a');console.log(array.length);// 1console.log(array[0]);// 'a'array = Array.of(1, 'a');console.log(array.length); // 2console.log(array[0]);// 1console.log(array[1]);// 'a'四:Array.from()
ES6還增加了一個Array.from(),也是用了創(chuàng)建一個數(shù)組。它主要用在以類數(shù)組對象和可迭代對象為藍(lán)本,創(chuàng)建對應(yīng)的數(shù)組。
1: Array.from(類數(shù)組對象)
我們最熟悉的類數(shù)組對象,應(yīng)該就是function的arguments對象了。接下來,我們看一個用Array.from()創(chuàng)建包含arguments元素的數(shù)組:
function createArrayFrom() { console.log(arguments instanceof Array); // false return Array.from(arguments);}let array = createArrayFrom(1, 2, 3);console.log(array instanceof Array); // trueconsole.log(array.length); //3console.log(array[0]);//1console.log(array[1]);//2console.log(array[2]);//3console.log(array.indexOf(2)); //12: Array.from(可迭代對象)
Array.from()也可以把一個可迭代對象轉(zhuǎn)換為數(shù)組:
let iteratorObject = { *[Symbol.iterator](){ yield 1; yield 2; yield 3; }};let array = Array.from(iteratorObject);console.log(array instanceof Array); // trueconsole.log(array.length); // 3console.log(array[0]); // 1五:Array.from()的第二個參數(shù)
新聞熱點
疑難解答
圖片精選