【ES6】Array的扩展

一.Array.from()

        作用：用于将两类对象转为真正的数组：类似数字的对象和可遍历的对象

        下面是一个类似数组的对象，利用该方法转为真正的数组:

let arrayLike = {
    '0': 'aaaa',
    '1': 'bbbb',
    '2': 'cccc',
    length: 3
};

// ES5的写法
var arr1 = [].slice.call(arrayLike); // ['aaaa', 'bbbb', 'cccc']

// ES6的写法
let arr2 = Array.from(arrayLike); // ['aaaa', 'bbbb', 'cccc']

        使用场景：

                常见的类似数组的对象是DOM操作返回的NodeList集合，以及函数内部的arguments对象。

// NodeList对象
let ps = document.querySelectorAll('p');
Array.from(ps).forEach(function (p) {
  console.log(p);
});

// arguments对象
function foo() {
  var args = Array.from(arguments);
  // ...
}

二.Array.of()

        作用：将一组值，转换为数组

Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1

           参数：

                        没有参数，返回空数组

                        一个参数，指的是数组的长度

                        大于两个参数，才返回由参数组成的新数组

三.capyWithin()

        作用：在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组，使用这个方法，会修改当前数组。

Array.prototype.copyWithin(target, start = 0, end = this.length)

        参数：

                target（必需）：从该位置开始替换数据

                start（可选）：从该位置开始读取数据，默认为0，如果为复制，表示倒数

                end（可选）：到该位置停止读取数据，默认等于数组长度。如果为负值，表示倒数。

                三个参数应该为数值，如不是，会自动转为数值。

四.find()和findIndex()

        find()        

                作用：找出第一个符合条件的数组成员，他的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果额米有符合条件的成员，返回undefined。

[1, 4, -5, 10].find((n) => n < 0)
// -5

[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10

find 方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。

        findIndex()

                作用：返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1.

[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2

五.fill()

        作用：给定值填充一个数组

['a', 'b', 'c'].fill(7)
// [7, 7, 7]

new Array(3).fill(7)
// [7, 7, 7]

fill方法用于空数组的初始化非常方便。数组中已有的元素，会被全部抹去。

fill方法还可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。

['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']

上面代码表示，fill方法从1号位开始，向原数组填充7，到2号位之前结束。

六.entries()，keys()和values()

        作用：三者都是用于遍历数组，他们都返回一个遍历器对象，可以用for···of循环进行遍历，唯一的区别是keys()是对键名的遍历，values()是对键值的遍历，entries()是对键值对的遍历。

for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// 0
// 1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// 0 "a"
// 1 "b"

七.includes()

        作用：某个数组是否包含给定值，

        返回值：布尔值

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, NaN].includes(NaN); // true

该方法的第二个参数表示搜索的起始位置，默认为0。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为-4，但数组长度为3），则会重置为从0开始。

[1, 2, 3].includes(3, 3);  // false
[1, 2, 3].includes(3, -1); // true