ES6数组扩充

Array.from()

Array.from方法用于将两类对象转为真正的数组

//下面是一个类数组对象
const obj = {
	'0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
}
//ES5的写法：
const arr1 = [].slice.call(obj); // ['a', 'b', 'c']

//ES6

const arr2 = Array.from(obj); // ['a', 'b', 'c']

//他还可以把字符串也装换为数组

const str = 'abcdefg'

const arr3 = Array.from(str) //["a", "b", "c", "d", "e", "f", "g"]

此外扩展运算符（...）也可以将某些数据结构转为数组。
// arguments对象
function foo() {
  const arg = [...arguments];
}

Array.from还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。

Array.from(boj, x => x * x);
// 等同于
Array.from(obj).map(x => x * x);

Array.from([1, 2, 3], (x) => x * x)
// [1, 4, 9]

Array.of()

Array.of方法用于将一组值，转换为数组。
这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异。

Array.of(5, 2, 0) // [5,2,0]
Array.of(1) // [3]
Array.of(5).length // 1

find()和findIndex()

数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

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

//find回调函数可以接受三个参数分别是 键，值，对

数组实例的findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。

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

这两个方法都可以接受第二个参数，用来绑定回调函数的this对象。

[NaN].indexOf(NaN)
// -1

[NaN].findIndex(y => Object.is(NaN, y))
// 0
这两个方法都可以发现NaN弥补了indexof的不足

fill()

fill方法使用给定值，填充一个数组。

fill方法可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。
['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']
如果只给定第一个参数类似于格式化数组
['a', 'b', 'c'].fill(6)
// [6, 6, 6]

includes()

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。该方法属于ES7

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, NaN].includes(NaN); // true
该方法的第二个参数表示搜索的起始位置，默认为0。并且接受复数值，如果他的值大于数组长度则会重置为0