一、静态方法
在ES6以前，创建数组的方式主要有两种，一种是调用Array构造函数，另一种是用数组字面量语法，这两种方法均需列举数组中的元素，功能非常受限。如果想将一个类数组对象(具有数值型索引和length属性的对象)转换为数组，可选的方法也十分有限，经常需要编写额外的代码。为了进一步简化JS数组的创建过程，ES6新增了Array.of()和Array.from()两个方法
1、【Array.of()】
ES6之所以向JS添加新的创建方法，是要帮助开发者们规避通过Array构造函数创建数组时的怪异行为
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"
如果给Array构造函数传入一个数值型的值，那么数组的length属性会被设为该值。如果传入多个值，此时无论这些值是不是数值型的，都会变为数组的元素。这个特性令人感到困惑，不可能总是注意传入数据的类型，所以存在一定的风险
无论有多少参数，无论参数是什么类型的，Array.of()方法总会创建一个包含所有参数的数组
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的构造函数，则可能更希望传入Array.of()来确保行为一致
function createArray(arrayCreator, value) {
return arrayCreator(value);
}
let items = createArray(Array.of, value);
//在这段代码中心createArray()函数接受两个参数，一个是数组创造者函数，另一个是要插入数组的值。
//可以传入Array.of()作为createArray()方法的第一个参数来创建新数组，如果不能保证传入的值一定不是数字，那么直接传入Array会非常危险
注意：Array.of()方法不通过Symbol.species属性确定返回值的类型，它使用当前构造函数(也就是of()方法中的this值)来确定正确的返回数据的类型
2、【Array.from()】
JS不支持直接将非数组对象转换为真实数组，arguments就是一种类数组对象，如果要把它当作数组使用则必须先转换该对象的类型。在ES5中，可能需要编写如下函数来把类数组对象转换为数组
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
}
这种方法先是手动创建一个result数组，再将arguments对象里的每一个元素复制到新数组中。尽管这种方法有效，但需要编写很多代码才能完成如此简单的操作。最终，开发者们发现了一种只需编写极少代码的新方法，调用数组原生的slice()方法可以将非数组对象转换为数组
function makeArray(arrayLike) {
return Array.prototype.slice.call(arrayLike);
}
function doSomething() {
var args = makeArray(arguments);
// 使用 args
}
这段代码的功能等价于之前的示例，将slice()方法执行时的this值设置为类数组对象，而slice()对象只需数值型索引和length属性就能够正确运行，所以任何类数组对象都能被转换为数组
尽管这项技术不需要编写很多代码，但是我们调用Array.prototype.slice.call(arrayLike)时不能直觉地想到这是在将arrayLike转换成一个数组。所幸，ES6添加了一个语义清晰、语法简洁的新方法Array.from()来将对象转化为数组
Array.from()方法可以接受可迭代对象或类数组对象作为第一个参数，最终返回一个数组
function doSomething() {
var args = Array.from(arguments);
// 使用 args
}
Array.from()方法调用会基于arguments对象中的元素创建一个新数组，args是Array的一个实例，包含arguments对象中同位置的相同值
注意：Array.from()方法也是通过this来确定返回数组的类型的
二、映射转换
如果想要进一步转化数组，可以提供一个映射函数作为Array.from()的第二个参数，这个函数用来将类数组对象中的每一个值转换成其他形式，最后将这些结果储存在结果数组的相应索引中
function translate() {
return Array.from(arguments, (value) => value + 1);
}
let numbers = translate(1, 2, 3);
console.log(numbers); // 2,3,4
映射函数(value)=>value+1，数组中的每个元素在储存前都会被加1。如果用映射函数处理对象，也可以给Array.from()方法传入第三个参数来表示映射函数的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
此示例传入helper.add()作为转换用的映射函数，由于该方法使用了this.diff属性，因此需要为Array.from()方法提供第三个参数来指定this的值，从而无须通过调用bind()方法或其他方式来指定this的值了
三、用Array.from()转换可迭代对象
Array.from()方法可以处理类数组对象和可迭代对象，也就是说该方法能够将所有含有Symbol.iterator属性的对象转换为数组
let numbers = {
*[Symbol.iterator]() {
yield 1;
yield 2;
yield 3;
}
};
let numbers2 = Array.from(numbers, (value) => value + 1);
console.log(numbers2); // 2,3,4
由于numbers是一个可迭代对象，因此可以直接将它传入Array.from()来转换成数组。此处的映射函数将每一个数字加1，所以结果数组最终包含的值为2、3和4
注意：如果一个对象既是类数组又是可迭代的，那么Array.from()方法会根据迭代器来决定转换哪个值
四、实例方法
ES6延续了ES5的一贯风格，也为数组添加了几个新的方法：
includes()方法返回一个布尔值，表示数组是否包含给定的值；
find()方法和findIndex()方法可以协助开发者在数组中查找任意值；
fill()方法和copyWithin()方法的灵感则来自于定型数组的使用过程，定型数组也是ES6中的新特性，是一种只包含数字的数组
1、【includes()】
Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。ES2016 引入了该方法
[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
没有该方法之前，我们通常使用数组的indexOf方法，检查是否包含某个值。indexOf方法有两个缺点，一是不够语义化，它的含义是找到参数值的第一个出现位置，所以要去比较是否不等于-1，表达起来不够直观。二是，它内部使用严格相等运算符（===）进行判断，这会导致对NaN的误判
[NaN].indexOf(NaN)// -1
includes使用的是不一样的判断算法，就没有这个问题
[NaN].includes(NaN)// true
下面代码用来检查当前环境是否支持该方法，如果不支持，部署一个简易的替代版本
const contains = (() =>
Array.prototype.includes
? (arr, value) => arr.includes(value)
: (arr, value) => arr.some(el => el === value)
)();
contains(['foo', 'bar'], 'baz'); // => false
另外，Map 和 Set 数据结构有一个has方法，需要注意与includes区分
Map 结构的has方法，是用来查找键名的，比如Map.prototype.has(key)、WeakMap.prototype.has(key)、Reflect.has(target, propertyKey)
（2）Set 结构的has方法，是用来查找值的，比如Set.prototype.has(value)、WeakSet.prototype.has(value)
2、【find()和findIndex()】
由于没有内建的数组搜索方法，因此ES5正式添加了indexOf()和lastIndexOf()两个方法，可以用它们在数组中查找特定的值。虽然这是一个巨大的进步，但这两种方法仍有局限之处，即每次只能查找一个值，如果想在系列数字中查找第一个偶数，则必须自己编写代码来实现。于是ES6引入了find()方法和findIndex()方法来解决这个问题
find()方法和findIndex()方法都接受两个参数：一个是回调函数；另一个是可选参数，用于指定回调函数中this的值。执行回调函数时，传入的参数分别为数组中的某个元素、该元素在数组中的索引和数组本身，与传入map()和forEach()方法的参数相同。如果给定的值满足定义的标准，回调函数应返回true。一旦回调函数返回true，find()方法和findIndex()方法都会立即停止搜索数组剩余的部分
二者间唯一的区别是，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
如果要在数组中根据某个条件查找匹配的元素，那么find()方法和findIndex()方法可以很好地完成任务；如果只想查找与某个值匹配的元素，则indexOf()方法和lastIndexOf()方法是更好的选择
3、【fill()】
fill()方法可以用指定的值填充一至多个数组元素。当传入一个值时，fill()方法会用这个值重写数组中的所有值
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
注意：如果开始索引或结束索引为负值，那么这些值会与数组的length属性相加来作为最终位置。例如，如果开始位置为-1，那么索引的值实际为array.length-1，array为调用fill()方法的数组
4、【copyWithin()】
fill()方法是将数组元素赋值为一个指定的值，而copyWithin()方法则是从数组中复制元素的值。调用copyWithin()方法时需要传入两个参数：一个是该方法开始填充值的索引位置，另一个是开始复制值的索引位置
比如复制数组前两个元素的值到后两个元素
let numbers = [1, 2, 3, 4];
// 从索引 2 的位置开始粘贴
// 从数组索引 0 的位置开始复制数据
numbers.copyWithin(2, 0);
console.log(numbers.toString()); // 1,2,1,2
第三个参数是不包含结束索引，用于指定停止复制值的位置
let numbers = [1, 2, 3, 4];
// 从索引 2 的位置开始粘贴
// 从数组索引 0 的位置开始复制数据
// 在遇到索引 1 时停止复制
numbers.copyWithin(2, 0, 1);
console.log(numbers.toString()); // 1,2,1,4
注意：正如fill()方法一样，copyWithin()方法的所有参数都接受负数值，并且会自动与数组长度相加来作为最终使用的索引
fill()和copyWithin()这两个方法起源于定型数组，为了保持数组方法的一致性才添加到常规数组中的。如果使用定型数组来操作数字的比特，这些方法将大显身手。
