ES9 中的 Boolean.prototype.flatmap() 解决了什么问题
随着前端技术的不断发展，JavaScript 作为前端开发中使用最为广泛的语言，也在不断地升级和改进。其中，ES9 中新增的 Boolean.prototype.flatmap()，正是一个极富意义的函数。
Boolean.prototype.flatmap() 是什么？
Boolean.prototype.flatmap() 是 ES9 中新增的一个函数，它是 Boolean.prototype 上的一个方法。该方法接收一个回调函数作为参数，并返回一个新的数组，该数组是通过对每个元素应用回调函数后返回的嵌套数组进行 flatten 操作的结果。
Boolean.prototype.flatmap() 的语法如下：
Boolean.prototype.flatmap(callback)
其中，callback 接收三个参数：
- currentValue：当前元素的值
- index：当前元素的索引值
- array：当前数组对象
Boolean.prototype.flatmap() 解决了什么问题？
Boolean.prototype.flatmap() 的出现，解决了在处理数组时经常遇到的一个问题：如何将一个嵌套数组扁平化处理。
在以前，我们可以使用 Array.prototype.flat() 或者 lodash 等工具库的 flatten 函数来解决这个问题。但是，Boolean.prototype.flatmap() 的出现使得处理嵌套数组的操作变得更加简便。
Boolean.prototype.flatmap() 示例代码
-- -------------------- ---- -------
----- --- - -
-----
------
-----
------- ------- -------
----
--
----- ------ - ------------------- ------ ------ -- -
-- ---------------------- -
------ ------
- ---- -
------ --------
-
---
-------------------- -------- ------ ----- ------ ----- ------ ----- -----在以上示例代码中，我们定义了一个嵌套数组 arr。如果我们想将它进行 flatten 操作，以前的做法是使用 Array.prototype.flat()：
const flattenArr = arr.flat(2); console.log(flattenArr); //[true, false, true, false, false, true, true]
而在 ES9 中，我们可以使用 Boolean.prototype.flatmap() 来实现同样的操作。在 callback 函数中，我们通过判断当前元素是否为一个数组，若为数组则直接返回，否则将当前元素封装在一个数组中后返回。如此一来，便可以将嵌套数组进行 flatten 操作，并得到我们所需要的扁平化数组。
总结
Boolean.prototype.flatmap() 的出现，使得处理嵌套数组的操作变得更加简便。它的应用不仅仅局限于本篇文章所述的语法，还有更多应用场景，可以通过实际使用进一步体会。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651ce16f95b1f8cacd462f4a