在前端开发中，数组是十分常用的一种数据结构。在 ECMAScript 2015 (ES6) 中，新增了一些数组方法，可以更加方便地处理数组。本文将对这些方法进行详细的介绍，帮助读者更好地掌握数组的操作。
1. Array.from()
Array.from() 方法可以将类数组对象或可迭代对象转换成真正的数组。
let arr1 = Array.from('hello'); // ['h', 'e', 'l', 'l', 'o']
let arr2 = Array.from([1, 2, 3], x => x * x); // [1, 4, 9]该方法接受两个参数：第一个参数是需要转换的对象，第二个参数是一个回调函数，它接受当前元素的值、当前元素的索引和当前数组对象，返回一个新的值。
2. Array.of()
Array.of() 方法可以将参数列表转换成数组。
let arr1 = Array.of(1); // [1] let arr2 = Array.of(1, 2, 3); // [1, 2, 3]
该方法接受任意数量的参数，将这些参数作为数组的元素。
3. find() 和 findIndex()
find() 方法可以查找数组中满足条件的第一个元素并返回，如果没有找到，则返回 undefined。findIndex() 方法可以查找数组中满足条件的第一个元素的索引，并返回该索引值，如果没有找到，则返回 -1。
let arr = [1, 2, 3, 4, 5]; let result1 = arr.find(item => item > 3); // 4 let result2 = arr.findIndex(item => item > 3); // 3
上述代码中，find() 方法查找数组中第一个大于 3 的元素，返回 4；findIndex() 方法查找数组中第一个大于 3 的元素的索引，返回 3。
4. fill()
fill() 方法可以将数组的所有元素替换成同一个值。
let arr = [1, 2, 3]; arr.fill(0); // [0, 0, 0]
该方法接受两个参数：第一个参数是用来替换数组元素的值，第二个参数是可选的，指定替换的起始索引和结束索引。
5. copyWithin()
copyWithin() 方法可以将数组的一部分拷贝到另一个位置，覆盖掉原有的元素。
let arr = [1, 2, 3, 4, 5]; arr.copyWithin(0, 3); // [4, 5, 3, 4, 5]
该方法接受两个参数：第一个参数是目标位置的起始索引，第二个参数（可选）是被拷贝的位置的起始索引和结束索引。
6. entries()、keys() 和 values()
entries() 方法返回一个包含数组中所有键值对的迭代器，keys() 方法返回一个包含数组中所有键的迭代器，values() 方法返回一个包含数组中所有值的迭代器。
-- -------------------- ---- ------- --- --- - ----- ---- ----- --- ------- - -------------- --- ---- - ----------- --- ------ - ------------- --- ---- ------- ------ -- -------- - ------------------ ------- -- - --- - --- - --- - --- ---- --- -- ----- - ----------------- -- - - - - --- ---- ----- -- ------- - ------------------- -- --- --- --- -
上述代码中，entries() 方法返回的迭代器包含所有键值对，可以使用解构赋值将其拆分成索引和值；keys() 方法返回的迭代器包含所有键；values() 方法返回的迭代器包含所有值。
7. includes()
includes() 方法可以判断数组是否包含某个值，返回一个布尔值。
let arr = [1, 2, 3]; console.log(arr.includes(2)); // true console.log(arr.includes(4)); // false
该方法接受两个参数：第一个参数是需要查找的值，第二个参数（可选）是查找的起始索引。
总结
本文介绍了 ECMAScript 2015 中新增的数组方法，并给出了示例代码。这些方法可以帮助开发者更加方便地操作数组，提高开发效率。在实际开发中，可以根据具体需求选择相应的方法使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cdbb751519ea946c189e99