ECMAScript 2018 中的数组方法，让你轻松处理数组的操作

在现代的 JavaScript 开发中，数组操作是非常常见且必要的。幸运的是，在 ECMAScript 2018 中，新增了许多数组方法，能够让开发者更轻松地处理数组的操作。本文将对其中一些重要的方法进行详细介绍，并提供实际应用示例代码。

Array.prototype.includes()

includes() 方法用于判断一个数组是否包含某个特定的值，并返回一个布尔值。语法如下：

array.includes(valueToFind[, fromIndex])

其中，valueToFind 为要查找的值，fromIndex 为可选参数表示从哪个索引位置开始查找。如果 fromIndex 省略，则默认从数组的第一个元素开始查询。

示例代码：

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false
console.log(arr.includes(1, 1)); // false

Array.prototype.flatMap()

flatMap() 方法首先使用映射函数将数组的每个元素映射成一个新的数组，然后将这些新数组扁平化为一个新数组。这个方法可以更方便地处理复杂的数组结构。语法如下：

var new_array = arr.flatMap(function callback(currentValue[, index[, array]]) {
    // return element for new_array
}[, thisArg])

其中，callback 函数会被数组中的每个元素调用，包括 undefined。该函数返回一个新数组，这个数组会被 flatMap() 方法扁平化到最终的新数组中。thisArg 为可选参数，执行 callback 的 this 值。

示例代码：

const arr = [[1, 2], [3, 4], [5]];

const flatArr = arr.flatMap(element => element * 2);

console.log(flatArr); // [2, 4, 6, 8, 10]

Array.prototype.reduceRight()

reduceRight() 方法与 reduce() 方法类似，不同之处在于它从右到左遍历数组。语法如下：

arr.reduceRight(callback[, initialValue])

其中，callback 函数有四个参数：previousValue，currentValue，currentIndex，array。previousValue 为上一次调用回调时返回的值，或者是提供的 initialValue；currentValue 为当前处理的数组元素；currentIndex 为当前元素的索引；array 为正在处理的数组。initialValue 为可选参数，作为第一次调用 callback 函数时 previousValue 的值。

示例代码：

const arr = [1, 2, 3, 4, 5];

const total = arr.reduceRight((previousValue, currentValue) => {
  return previousValue + currentValue;
});

console.log(total); // 15

Array.prototype.find() 和 Array.prototype.findIndex()

find() 方法返回数组中满足传入测试函数的第一个元素的值。而 findIndex() 方法返回数组中满足传入测试函数的第一个元素的索引，如果没有找到满足条件的元素则返回 -1。语法如下：

arr.find(callback[, thisArg])
arr.findIndex(callback[, thisArg])

其中，callback 函数有三个参数：element，index，array。element 为当前遍历的数组元素；index 为当前元素的索引；array 为正在处理的数组。thisArg 为可选参数，执行 callback 的 this 值。

示例代码：

const arr = [1, 2, 3, 4, 5];

const result1 = arr.find(element => element > 3);
const result2 = arr.findIndex(element => element > 3);

console.log(result1); // 4
console.log(result2); // 3

总结

以上是 ECMAScript 2018 中的一些新增的数组方法，它们能够大大简化数组操作的代码。对于开发者来说，熟练掌握这些方法，能够在实际开发中提高效率，减少代码的错误。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f4f9282b3ccec22fd27816