ECMAScript 2021 中基础的 Array 方法笔记

Array 对象是 JavaScript 中非常重要的数据结构之一，它可以用来表示一组有序的数据，并提供丰富的方法操作数据。在 ECMAScript 2021 中，又新增了一些基础的 Array 方法，下面我们就来详细了解它们的使用方法和学习指导。

flat()

Array.prototype.flat() 方法用于将一个多维的数组展开成一维数组，你可以通过指定要展平的深度来控制操作的层级。这个方法的返回值是一个新的数组。

语法：

array.flat([depth])

示例代码：

const arr = [1, [2, [3]]];
const result = arr.flat(2);
console.log(result);  // [1, 2, 3]

flatMap()

Array.prototype.flatMap() 方法是 map() 和 flat() 两个方法的组合，它首先使用 map() 方法遍历数组并对每个元素执行操作，然后将结果展开成一维数组。

语法：

array.flatMap(callback)

示例代码：

const arr = [1, 2, 3];
const result = arr.flatMap(x => [x * 2]);
console.log(result);  // [2, 4, 6]

trimStart() 和 trimEnd()

Array.prototype.trimStart() 和 Array.prototype.trimEnd() 方法分别用于移除数组开头和结尾的空格，它们返回的是一个新的数组。

语法：

array.trimStart()
array.trimEnd()

示例代码：

const arr = ['   hello', 'world   '];
const result = arr.trimStart().trimEnd();
console.log(result);  // ['hello', 'world']

has()

Array.prototype.has() 方法用于判断一个数组中是否包含某个元素，返回一个布尔值。

语法：

array.has(value)

示例代码：

const arr = ['apple', 'banana', 'orange'];
console.log(arr.has('apple'));    // true
console.log(arr.has('watermelon'));  // false

includesAll() 和 includesAny()

Array.prototype.includesAll() 方法用于判断一个数组中是否包含全部给定的元素，返回一个布尔值。而 Array.prototype.includesAny() 则用于判断一个数组中是否包含任意一个给定的元素。

语法：

array.includesAll(...elements)
array.includesAny(...elements)

示例代码：

const arr = ['apple', 'banana', 'orange'];
console.log(arr.includesAll('apple', 'orange'));   // true
console.log(arr.includesAll('apple', 'watermelon'));  // false
console.log(arr.includesAny('pear', 'watermelon'));  // false
console.log(arr.includesAny('banana', 'watermelon'));   // true

总结

ECMAScript 2021 中新增的 Array 方法基本都是针对数组数据结构的优化，这些方法的使用简单，但它们能够更加有效地操作数组。我们在实际开发过程中，可以结合自身的需求来选择合适的方法，在提高开发效率的同时，也可以提高代码的可读性和可维护性。

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