摘要：在可迭代對象上使用所有數(shù)組上的新方法與方法與方法均接受兩個參數(shù)一個回調(diào)函數(shù)一個可選值用于指定回調(diào)函數(shù)內(nèi)部的?；卣{(diào)函數(shù)可接收三個參數(shù)數(shù)組的某個元素該元素對應(yīng)的索引位置以及該數(shù)組自身。

主要知識點(diǎn)：創(chuàng)建數(shù)組、數(shù)組上的新方法、類型化數(shù)組

《深入理解ES6》筆記 目錄

ES5中創(chuàng)建數(shù)組的方式：數(shù)組字面量、new一個數(shù)組。

const arr1 = [] //數(shù)組字面量
const arr2 = new Array() //new構(gòu)建

ES6創(chuàng)建數(shù)組：Array.of()、Array.from()

調(diào)用 new Array() 構(gòu)造器時，根據(jù)傳入?yún)?shù)的類型與數(shù)量的不同，實際上會導(dǎo)致一些不同的結(jié)果：

let items = new Array(2);
console.log(items.length); // 2
console.log(items[0]); // undefined
console.log(items[1]); // undefined
items = new Array("2");
console.log(items.length); // 1
console.log(items[0]); // "2"
items = new Array(1, 2);
console.log(items.length); // 2
console.log(items[0]); // 1
console.log(items[1]); // 2
items = new Array(3, "2");
console.log(items.length); // 2
console.log(items[0]); // 3
console.log(items[1]); // "2"

ES6 引入了 Array.of() 方法來解決這個怪異問題：
Array.of() 方法創(chuàng)建一個包含所有傳入?yún)?shù)的數(shù)組，而不管參數(shù)的數(shù)量與類型：

let items = Array.of(1, 2);
console.log(items.length); // 2
console.log(items[0]); // 1
console.log(items[1]); // 2
items = Array.of(2);
console.log(items.length); // 1
console.log(items[0]); // 2
items = Array.of("2");
console.log(items.length); // 1
console.log(items[0]); // "2"

Array.from()是將類數(shù)組轉(zhuǎn)換成數(shù)組。
ES5 中，將非數(shù)組對象轉(zhuǎn)換為真正的數(shù)組需要編寫一個函數(shù)，類似下面這樣：

function makeArray(arrayLike) {
    var result = [];
    for (var i = 0, len = arrayLike.length; i < len; i++) {
        result.push(arrayLike[i]);
    }
    return result;
}
function doSomething() {
    var args = makeArray(arguments);
    // 使用 args
}

也可以調(diào)用數(shù)組原生的 slice() 方法來減少代碼量，就像這樣：

function makeArray(arrayLike) {
    return Array.prototype.slice.call(arrayLike);
}
function doSomething() {
    var args = makeArray(arguments);
    // 使用 args
}

Array.from()是將類數(shù)組轉(zhuǎn)換成數(shù)組：

function doSomething() {
    var args = Array.from(arguments);
    // 使用 args
}

Array.from(arg1, arg2)，我們可以給該方法提供2個參數(shù)，第二個參數(shù)作為第一個參數(shù)的轉(zhuǎn)換：

function translate() {
    return Array.from(arguments, (value) => value + 1);
}
let numbers = translate(1, 2, 3);
console.log(numbers); // 2,3,4

Array.from還可以設(shè)置第三個參數(shù)，指定this。

let helper = {
    diff: 1,
    add(value) {
        return value + this.diff;
    }
};
function translate() {
    return Array.from(arguments, helper.add, helper);
}
let numbers = translate(1, 2, 3);
console.log(numbers); // 2,3,4

let numbers = {
    *[Symbol.iterator]() {
        yield 1;
        yield 2;
        yield 3;
    }
};
let numbers2 = Array.from(numbers, (value) => value + 1);
console.log(numbers2); // 2,3,4

find() 與 findIndex() 方法均接受兩個參數(shù)：一個回調(diào)函數(shù)、一個可選值用于指定回調(diào)函數(shù)內(nèi)部的 this 。
回調(diào)函數(shù)可接收三個參數(shù)：數(shù)組的某個元素、該元素對應(yīng)的索引位置、以及該數(shù)組自身。
二者唯一的區(qū)別是： find() 方法會返回匹配的值，而 findIndex() 方法則會返回匹配位置的索引。

let numbers = [25, 30, 35, 40, 45];
console.log(numbers.find(n => n > 33)); // 35
console.log(numbers.findIndex(n => n > 33)); // 2

用新元素替換掉數(shù)組內(nèi)的元素，可以指定替換下標(biāo)范圍：arr.fill(value, start, end)

let numbers = [1, 2, 3, 4];
numbers.fill(1);
console.log(numbers.toString()); // 1,1,1,1
let numbers = [1, 2, 3, 4];
numbers.fill(1, 2);
console.log(numbers.toString()); // 1,2,1,1
numbers.fill(0, 1, 3);
console.log(numbers.toString()); // 1,0,0,1

選擇數(shù)組的某個下標(biāo)，從該位置開始復(fù)制數(shù)組元素，默認(rèn)從0開始復(fù)制。也可以指定要復(fù)制的元素范圍：

let numbers = [1, 2, 3, 4];
// 從索引 2 的位置開始粘貼
// 從數(shù)組索引 0 的位置開始復(fù)制數(shù)據(jù)
numbers.copyWithin(2, 0);
console.log(numbers.toString()); // 1,2,1,2

let numbers = [1, 2, 3, 4];
// 從索引 2 的位置開始粘貼
// 從數(shù)組索引 0 的位置開始復(fù)制數(shù)據(jù)
// 在遇到索引 1 時停止復(fù)制
numbers.copyWithin(2, 0, 1);
console.log(numbers.toString()); // 1,2,1,4