在 ES10 中新增了 Array.prototype.flatMap 方法，该方法可以让我们更加方便地处理数组中的嵌套数组。在本篇文章中，我们将详细了解这个新方法的用法，以及如何在实际开发中使用它。
介绍
在 ES6 中，我们已经有了 Array.prototype.map 方法，它可以让我们将数组中的每个元素通过一个函数进行转换，并返回一个新的数组。但是，如果数组中的某个元素本身就是一个数组，那么 map 方法就无法处理了。这时，我们需要使用 Array.prototype.flatMap 方法。
Array.prototype.flatMap 方法可以将原数组中的每个元素通过一个函数进行转换，然后将所有的转换结果合并成一个新的数组。与 map 方法不同的是，如果转换后的结果是一个数组，flatMap 方法会将它展开，而不是作为一个整体插入到新数组中。
用法
Array.prototype.flatMap 方法接受一个函数作为参数，这个函数用于将原数组中的每个元素进行转换。这个函数可以返回一个值，也可以返回一个数组。如果返回的是一个数组，flatMap 方法会将它展开，然后插入到新数组中。
下面是一个简单的例子，展示了如何使用 flatMap 方法：
const arr = [1, 2, 3]; const result = arr.flatMap(x => [x * 2]); console.log(result); // [2, 4, 6]
在这个例子中，我们将原数组中的每个元素乘以 2，然后将转换后的结果插入到新数组中。由于每个元素转换后都是一个单独的值，所以最终的结果也是一个由单独值组成的数组。
如果转换后的结果是一个数组，那么 flatMap 方法会将它展开，然后插入到新数组中。下面是一个例子，展示了如何使用 flatMap 方法处理嵌套数组：
const arr = [[1, 2], [3, 4], [5, 6]]; const result = arr.flatMap(x => x.map(y => y * 2)); console.log(result); // [2, 4, 6, 8, 10, 12]
在这个例子中，我们使用 flatMap 方法将原数组中的每个嵌套数组转换成一个新的数组，然后将所有的转换结果合并成一个新的数组。由于每个嵌套数组中都有两个元素，所以最终的结果也是一个由单独值组成的数组。
指导意义
Array.prototype.flatMap 方法可以让我们更加方便地处理数组中的嵌套数组。在实际开发中，我们经常需要处理这种嵌套结构的数据，例如从后端接口获取到的 JSON 数据。使用 flatMap 方法可以将嵌套数组展开，然后更加方便地进行处理。
除了处理嵌套数组外，flatMap 方法还可以用于将多个数组合并成一个数组。例如，我们可以使用 flatMap 方法将多个数组合并成一个新的数组，然后对这个新数组进行操作。
结论
Array.prototype.flatMap 方法是 ES10 中新增的一个方法，它可以让我们更加方便地处理数组中的嵌套数组。使用 flatMap 方法可以将嵌套数组展开，然后更加方便地进行处理。在实际开发中，我们可以将 flatMap 方法应用于处理从后端接口获取到的 JSON 数据，以及将多个数组合并成一个数组的场景中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675e4d92e1dcc5c0fa45aee8