在 ES6 中，新增了一些非常实用的数组 API，这些 API 可以帮助我们更加方便地处理数组，提高开发效率。本文将介绍这些新增的数组 API，包括使用方法、示例代码以及指导意义。
1. Array.from()
Array.from() 方法可以将类数组对象或可迭代对象转换为真正的数组。它接受两个参数，第一个参数是要转换的对象，第二个参数是一个可选的映射函数，用于对数组的每个元素进行处理。
// javascriptcn.com 代码示例
// 将类数组对象转换为数组
const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 };
const arr = Array.from(arrayLike);
console.log(arr); // ['a', 'b', 'c']
// 将可迭代对象转换为数组
const iterable = new Set(['a', 'b', 'c']);
const arr2 = Array.from(iterable);
console.log(arr2); // ['a', 'b', 'c']
// 使用映射函数对每个元素进行处理
const arr3 = Array.from([1, 2, 3], x => x * 2);
console.log(arr3); // [2, 4, 6]使用 Array.from() 方法可以更加方便地将类数组对象或可迭代对象转换为数组，避免了手动遍历的繁琐操作。
2. Array.of()
Array.of() 方法可以创建一个包含任意数量元素的数组。它接受任意数量的参数，并将它们作为数组的元素。
const arr1 = Array.of(1, 2, 3);
console.log(arr1); // [1, 2, 3]
const arr2 = Array.of(1);
console.log(arr2); // [1]
const arr3 = Array.of('a', 1, true);
console.log(arr3); // ['a', 1, true]使用 Array.of() 方法可以更加方便地创建包含任意数量元素的数组，避免了手动添加元素的繁琐操作。
3. Array.prototype.find()
Array.prototype.find() 方法可以查找数组中满足条件的第一个元素，并返回该元素。它接受一个回调函数作为参数，该回调函数接受三个参数：当前元素、当前索引和数组本身。
const arr = [1, 2, 3, 4, 5]; const result = arr.find(item => item > 3); console.log(result); // 4
使用 Array.prototype.find() 方法可以更加方便地查找数组中满足条件的第一个元素，避免了手动遍历的繁琐操作。
4. Array.prototype.findIndex()
Array.prototype.findIndex() 方法可以查找数组中满足条件的第一个元素的索引，并返回该索引。它接受一个回调函数作为参数，该回调函数接受三个参数：当前元素、当前索引和数组本身。
const arr = [1, 2, 3, 4, 5]; const index = arr.findIndex(item => item > 3); console.log(index); // 3
使用 Array.prototype.findIndex() 方法可以更加方便地查找数组中满足条件的第一个元素的索引，避免了手动遍历的繁琐操作。
5. Array.prototype.fill()
Array.prototype.fill() 方法可以用指定的值填充数组中的所有元素。它接受两个参数，第一个参数是要填充的值，第二个参数是可选的起始索引和结束索引。
const arr = [1, 2, 3, 4, 5]; arr.fill(0); console.log(arr); // [0, 0, 0, 0, 0] const arr2 = [1, 2, 3, 4, 5]; arr2.fill(0, 2, 4); console.log(arr2); // [1, 2, 0, 0, 5]
使用 Array.prototype.fill() 方法可以更加方便地填充数组中的所有元素，避免了手动遍历的繁琐操作。
6. Array.prototype.includes()
Array.prototype.includes() 方法可以判断数组中是否包含指定的元素，如果包含则返回 true，否则返回 false。它接受一个参数，即要查找的元素。
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
使用 Array.prototype.includes() 方法可以更加方便地判断数组中是否包含指定的元素，避免了手动遍历的繁琐操作。
总结
在 ES6 中，新增了一些非常实用的数组 API，包括 Array.from()、Array.of()、Array.prototype.find()、Array.prototype.findIndex()、Array.prototype.fill() 和 Array.prototype.includes()。这些 API 可以帮助我们更加方便地处理数组，提高开发效率。在实际开发中，我们应该根据具体情况选择合适的 API，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6551ec6ed2f5e1655dbaa02d