在 ES9 中，新增了 flatMap 函数来操作数组，它可以同时进行 flat 和 map 操作，使得数组的处理更加快速和方便。
flatMap 函数的定义
flatMap 函数定义如下：
array.flatMap(callback(currentValue[, index[, array]])[, thisArg])
该函数接受一个回调函数 callback 作为参数，该回调函数接受三个参数：
- currentValue: 当前遍历的元素
- index （可选）：当前遍历元素的索引
- array （可选）：原始数组
回调函数返回一个数组，flatMap 函数会处理并合并这些数组，并返回一个新的扁平数组。
flatMap 函数的应用
下面我们来看一个简单的例子，比较一下 flatMap 函数和 map 函数的不同。
-- -------------------- ---- ------- ----- --- - --- -- -- --- -- -- --- -- ----- --------- - --------- -- -- - ---- ----------------------- -- ----- ---- ---- ---- -- -- ------- -- ----- ------------- - ------------- -- -- - ---- --------------------------- -- --- -- -- --
可以看到，使用 map 函数会生成一个嵌套的数组，而使用 flatMap 函数可以直接得到扁平的数组。
接下来，我们再来看一个例子，使用 flatMap 函数来处理多层嵌套的数组。
-- -------------------- ---- -------
----- --- - --- -- --- --- --- --- ---- ---
----- ------ - ------------- -- -
-- ------------------ -
------ --------------- -- - - ---
- ---- -
------ - - --
-
---
-------------------- -- --- -- -- -- --- --- --- ---上面的例子中，原始数组 arr 包含多层嵌套的数组。我们使用 flat 函数对所有的嵌套数组进行了扁平化操作，然后再将数组中的每一个元素都乘以 2。最终的结果是一个扁平的数组 [2, 4, 6, 8, 10, 12, 14, 16]。
flatMap 函数的指导意义
flatMap 函数的优势在于它可以一步到位地完成 map 和 flat 两个操作，减少了一些繁琐的代码操作。通过使用 flatMap 函数，可以更加方便地对数组进行处理。
除了 flatMap 函数，ES9 中还新增了一些其他的函数，如 Object.entries、Object.fromEntries 和 Promise.finally 等，这些函数都可以帮助我们更加便捷地进行编程。学会了这些新的函数，可以使我们的前端开发效率大大提高。
总结
本文介绍了 ES9 中新增的 flatMap 函数，详细地讲解了它的定义、应用和指导意义。通过学习 flatMap 函数，可以更加方便地对数组进行处理，减少冗余代码，提高编程效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf46e0b5eee0b5256a78ab