JavaScript 数组是前端开发中最常用的数据类型之一。它们提供了许多有用的方法，可以用来操作和处理数据。然而，随着 JavaScript 的发展，新的语言特性和方法不断出现，我们需要不断地重新学习和更新我们的知识。本文将介绍一些 ES7 中新增的数组方法，并提供详细的学习和指导意义。
Array.prototype.includes
Array.prototype.includes 是 ES7 中新增的一个数组方法，用于判断一个数组是否包含某个元素。它的语法如下：
array.includes(searchElement[, fromIndex])
其中，searchElement 是要查找的元素，fromIndex 是可选的起始位置。如果数组中包含该元素，则返回 true，否则返回 false。
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
Array.prototype.flat
Array.prototype.flat 是另一个 ES7 中新增的数组方法，用于将多维数组扁平化为一维数组。它的语法如下：
array.flat([depth])
其中，depth 是可选的扁平化深度，默认值为 1。如果深度为 0，则不会进行扁平化操作。
const arr = [1, [2, 3], [4, [5, 6]]]; console.log(arr.flat()); // [1, 2, 3, 4, [5, 6]] console.log(arr.flat(2)); // [1, 2, 3, 4, 5, 6]
Array.prototype.flatMap
Array.prototype.flatMap 是一个结合了 map 和 flat 功能的数组方法，用于对数组进行映射和扁平化操作。它的语法如下：
array.flatMap(callback[, thisArg])
其中，callback 是对每个元素进行处理的函数，它返回一个新的数组。thisArg 是可选的回调函数执行上下文。
const arr = [1, 2, 3]; console.log(arr.flatMap(x => [x * 2])); // [2, 4, 6]
Array.prototype.at
Array.prototype.at 是 ES7 中新增的一个数组方法，用于返回指定位置的元素。它的语法如下：
array.at(index)
其中，index 是要返回的元素的索引。如果索引为负数，则从数组末尾开始计数。
const arr = ['a', 'b', 'c', 'd']; console.log(arr.at(2)); // 'c' console.log(arr.at(-1)); // 'd'
Array.prototype.filter
Array.prototype.filter 是一个常用的数组方法，用于按照条件过滤出符合要求的元素。它的语法如下：
array.filter(callback[, thisArg])
其中，callback 是对每个元素进行处理的函数，它返回一个布尔值。thisArg 是可选的回调函数执行上下文。
const arr = [1, 2, 3, 4, 5]; console.log(arr.filter(x => x % 2 === 0)); // [2, 4]
Array.prototype.reduceRight
Array.prototype.reduceRight 是 reduce 方法的一个变体，用于从数组的右侧开始进行累加操作。它的语法如下：
array.reduceRight(callback[, initialValue])
其中，callback 是累加器函数，它返回累加结果。initialValue 是可选的初始值，如果指定则从最后一项开始累加。
const arr = [1, 2, 3, 4, 5]; console.log(arr.reduceRight((acc, cur) => acc + cur)); // 15
总结
本文介绍了 ES7 中新增的一些数组方法，包括 Array.prototype.includes、Array.prototype.flat、Array.prototype.flatMap、Array.prototype.at、Array.prototype.filter 和 Array.prototype.reduceRight。这些方法可以让我们更方便地操作和处理数组数据，提高开发效率和代码可读性。在实际开发中，我们可以根据具体需求选择合适的方法，并结合其他语言特性和方法进行开发。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655f45a8d2f5e1655d979426