在前端开发中，经常需要处理多维嵌套数组数据。对于这种情况，ES12 提供了一个新的数组方法——flatMap，可以在处理多维数组时更加方便和高效。下面我们就来详细介绍一下 flatMap 的用法和应用。
什么是 flatMap
flatMap 是 ES12 中新增的 Array 方法，其主要作用是将结果展平到一个新数组中。它的用法类似于 map 方法，但是可以合并嵌套的数组，并将结果展平到一个新数组中。它可以理解为将嵌套数组“展平”成一维数组。
flatMap 的用法
flatMap 方法和 map 方法很相似，它也接受一个函数作为参数，这个函数的返回值可以是一个数组，也可以是一个非数组的值。不同的是 flatMap 对函数的返回值会进行一个展平操作，返回一个一维数组。
下面是 flatMap 的示例代码：
-- -------------------- ---- ------- --- ---- - --- -- -- --- --- ---- - ------------------------- ------ -- - --- --- ------------------ -- -- --- -- -- --
上面的代码中，我们调用了 flatMap 方法，传入了一个函数，它将原数组中的每个元素乘以 2 并以数组的形式返回，最后将返回的数组合并成一个一维数组 arr2。
处理嵌套数组
我们可以使用 flatMap 方法来处理嵌套的数组结构。假设我们有一个嵌套的数组，如下所示：
var nestedArr = [[1, 2], [3, 4], [5, 6]];
我们可以调用 flatMap 方法将其展平成一个一维数组：
var flatArr = nestedArr.flatMap(function(arr){
return arr;
});
console.log(flatArr);
// 输出 [1, 2, 3, 4, 5, 6]在对象中使用 flatMap
除了数组，我们也可以在对象中使用 flatMap。假设我们有一组对象数组，其中的每个对象都包含一个属性 languages，它是一个数组：
-- -------------------- ---- -------
--- ----------- - -
-
----- ------
---------- -------------- --------- -------
--
-
----- --------
---------- -------- ------ ---------
-
--现在我们想要得到所有程序员掌握的编程语言列表，我们可以使用 flatMap 方法：
var languages = programmers.flatMap(function(programmer){
return programmer.languages;
});
console.log(languages);
// 输出 ['JavaScript', 'Python', 'Ruby', 'Java', 'C++', 'Python']上面的代码中，我们调用了 flatMap 方法，传入了一个函数，这个函数返回每个程序员擅长的编程语言列表。最后，我们得到了所有程序员掌握的编程语言列表。
使用 flatMap 来处理多维嵌套数组的优点
使用 flatMap 方法可以大大简化处理多维嵌套数组的代码。在以前，我们可能需要使用循环或者递归等方式，对多维嵌套数组进行展平操作。而使用 flatMap 方法，我们只需要传入合适的参数和函数即可轻松地展平嵌套数组，并将结果存储到一个一维数组中。
总结
flatMap 方法是 ES12 中新增的一个数组方法，它可以将数组展平成为一个一维数组，并且可以处理多维嵌套数组。在前端开发中，我们经常需要处理多层嵌套的数据结构，而使用 flatMap 方法可以大大简化代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648e634448841e9894cbe0d7