ES11 中的 flat 和 flatMap 方法：数组操作的利器

在 JavaScript 开发中，数组操作是非常常见的。ES6 引入了许多新的数组操作方法，如 map、filter、reduce 等。而在 ES11 中，新增了 flat 和 flatMap 方法，用于解决数组操作中多层数组嵌套的问题。让我们来了解一下它们的使用方法和作用。

flat 方法

flat 方法可以将多个数组拍平成一个数组，即将原数组中的多维数组展开成一维数组。它可以传入一个可选的参数，表示要展开的层数，默认为 1。示例代码如下：

const arr = [1, [2, [3, [4, 5]]]];
const flatArr = arr.flat();
// flatArr = [1, 2, [3, [4, 5]]]
const flatArr2 = arr.flat(2);
// flatArr2 = [1, 2, 3, [4, 5]]
const flatArr3 = arr.flat(Infinity);
// flatArr3 = [1, 2, 3, 4, 5]

flatMap 方法

flatMap 方法是在 flat 方法的基础上进一步进行了操作。它对每个元素执行一个 map 操作，然后对返回的结果使用 flat 方法展开。示例代码如下：

const arr = [1, 2, 3, 4, 5];
const flatMapArr = arr.flatMap(item => [item * 2]);
// flatMapArr = [2, 4, 6, 8, 10]

相当于执行以下代码：

const arr = [1, 2, 3, 4, 5];
const mapArr = arr.map(item => [item * 2]);
// mapArr = [[2], [4], [6], [8], [10]]
const flatArr = mapArr.flat();
// flatArr = [2, 4, 6, 8, 10]

适用场景

flat 和 flatMap 方法主要是为了解决多层数组嵌套的问题。在使用这两个方法时，需要注意以下几点：

1. flat 方法的展开层数是可选参数，如果不传入该参数，会默认展开一层。
2. flat 和 flatMap 方法均不会改变原数组，而是返回一个新数组。
3. 如果展开的结果中还包含嵌套的数组，可以设置一个循环来展开。

总结

ES11 中的 flat 和 flatMap 方法是数组操作的强大利器，尤其适用于多层数组嵌套的情况。在实际开发中，可以根据需要选择使用，以便更加高效地完成数组操作。

希望本文能帮助大家更好地理解和运用 flat 和 flatMap 方法，并在实际开发中得到应用。

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