介绍
在 ES11/ES2020 中，新增了 Array 的 flatMap 方法，该方法可以将数组中的每个元素执行一个函数，并将所有函数返回的结果通过 flat 方法进行扁平化处理，最终返回一个新的扁平化后的数组。
flatMap 方法的定义如下：
arr.flatMap(callback[, thisArg])
其中，callback 函数接受三个参数：
- currentValue：当前处理的元素。
- index：当前处理元素的索引。
- array：调用 flatMap 方法的数组。
flatMap 方法返回一个新数组，该数组是通过将每个元素传递给 callback 函数后的返回值组成的，并通过 flat 方法扁平化处理。
实例
下面我们来看一个实例，假设有一个二维数组，我们需要将其中的每个元素都乘以 2，然后将结果扁平化为一个一维数组。
const arr = [[1, 2], [3, 4], [5, 6]]; const result = arr.flatMap(item => item.map(i => i * 2)); console.log(result); // [2, 4, 6, 8, 10, 12]
上述代码中，我们首先使用 flatMap 方法将二维数组扁平化为一维数组，然后使用 map 方法对每个元素进行乘以 2 的操作，最终得到了一个新的一维数组。
深度和学习意义
使用 flatMap 方法可以更方便地对数组进行扁平化处理，避免了手动使用 flat 方法进行多次操作的繁琐过程。同时，由于 flatMap 方法可以接受一个回调函数，因此可以对每个元素进行更加复杂的操作，例如过滤、排序等。
在实际开发中，我们经常会遇到需要对数组进行扁平化处理的情况，此时使用 flatMap 方法可以极大地简化代码量，提高开发效率。
总结
ES11/ES2020 中新增的 Array 的 flatMap 方法可以将数组中的每个元素执行一个函数，并将所有函数返回的结果通过 flat 方法进行扁平化处理，最终返回一个新的扁平化后的数组。使用 flatMap 方法可以更方便地对数组进行扁平化处理，避免了手动使用 flat 方法进行多次操作的繁琐过程。在实际开发中，我们可以将 flatMap 方法应用于数组的扁平化、过滤、排序等操作中，以提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6558d534d2f5e1655d312b5d