简介
flatMap 方法是 ECMAScript 2018 中新增的数组方法之一，可以对一个数组进行遍历并将每个元素映射成一个新的数组，然后将所有新数组连接起来生成一个新的扁平化数组。
flatMap 方法使用起来非常简单，只需要给数组对象调用 flatMap 方法并传入一个返回数组的回调函数即可。该方法返回一个新数组，原数组本身不受影响。
语法
array.flatMap(callback[, thisArg])
callback：用来生成新数组的回调函数，可以接收三个参数：currentValue（当前正在遍历的元素）、index（正在遍历的元素的索引）、array（原数组本身）；thisArg：可选参数，调用callback函数时的this值。
示例代码
下面通过一些示例来介绍 flatMap 方法。
示例一：将每个元素都加倍
const arr = [1, 2, 3, 4, 5]; const doubled = arr.flatMap(num => [num * 2]); console.log(doubled); // [2, 4, 6, 8, 10]
可以看到，flatMap 方法将原数组中的每个元素 num，都映射成了一个新的数组 [num * 2]，然后将这些新数组连接起来生成了一个新的数组 [2, 4, 6, 8, 10]。
这个示例很简单，但却展示了 flatMap 方法的一个非常有用的应用场景，即将数组中的每个元素都变换为一个新的数据结构。这种需求在实际开发中非常常见。
示例二：按课程计算学生人数
假设有一个学生选课的数组，每个元素是一个对象，包含了学生的姓名和所选课程的代码。
const students = [
{ name: 'Alice', courses: ['MATH101', 'PHYS101'] },
{ name: 'Bob', courses: ['PHYS101'] },
{ name: 'Charlie', courses: ['MATH101'] },
{ name: 'David', courses: ['MATH101', 'PHYS101'] }
];现在，我们想计算每个课程的选课人数。可以使用 flatMap 方法进行处理。
const courseCounts = students.flatMap(student => student.courses)
.reduce((result, course) => {
result[course] = (result[course] || 0) + 1;
return result;
}, {});
console.log(courseCounts); // { MATH101: 3, PHYS101: 3 }可以看到，这行代码对学生选课的数组进行了一系列的变换，首先使用 flatMap 将每个学生所选的课程映射成了一个新的数组，然后使用 reduce 对这个新数组进行了统计计算，最终得到了一个对象，包含了每个课程的选课人数。
这个示例展示了 flatMap 方法在实际开发中的应用，非常便捷地解决了一个计算问题。
总结
flatMap 方法是 ECMAScript 2018 中新增的数组方法之一，用来对数组进行变换和扁平化处理。使用起来非常简单，常常用于处理数据。
虽然 flatMap 方法很好用，但也有一些需要注意的细节。例如，回调函数返回的应该是一个数组，否则会导致生成的新数组不符合预期。此外，如果原数组中的某个元素经过映射后得到的是一个空数组，那么这个空数组也将会被添加到新数组中，需要仔细考虑这一点。
了解 flatMap 方法的使用和注意事项，可以让我们更加简单高效地处理数组，从而改进代码的质量和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d45aacb5eee0b525beac39