ECMAScript 2019 (ES10) 是一种编程语言标准，它对 JavaScript 进行了更新和扩展。ES10 为开发者带来了很多有用的新特性，其中包括一个新的 Array 方法，名为 flatMap()。
flatMap() 方法
flatMap() 是一个组合方法，它首先对数组中的每个元素执行一个函数，然后将所有的结果组合成一个新数组。与 map() 不同的是，flatMap() 不仅支持返回单个元素的数组，而且支持返回一个嵌套数组。
flatMap() 的返回值是一个扁平化的数组，它会将嵌套数组展开成一个一维数组。这使得 flatMap() 成为处理和操作嵌套数组的强大工具。
示例代码
以下是一个简单的例子，展示了如何使用 flatMap() 方法。
----- --- - --- -- -- -- --- ----- ------ - ------------- -- --- ------ -------------------- -- --- -- -- -- -- -- -- -- -- ---
在上面的例子中，我们首先创建了一个包含 1 到 5 的整数数组。接下来，我们使用 flatMap() 方法返回每个元素对应的值和它的两倍，最后组合成一个扁平化的数组。
无穷可能
flatMap() 没有明确的使用场景，而且它的功能可以通过其他方法来实现。但 flatMap() 的出现，让一些操作变得非常容易和简单，比如在嵌套数组中进行扁平化、保留所有非空值，并在数组中进行映射操作。所以 flatMap() 有着广泛的应用场景，可以带来无穷的可能性。
下面是一些使用 flatMap() 方法的应用场景：
保留所有非空值
在数组中，我们可能会有一些空值，使用 flatMap() 方法可以过滤掉空值，只返回真正有用的元素。
----- --- - ------ ---------- --- ---- -------- ----- ------ - ------------- -- - -- ---- -------------------- -- ----- -------
在数组中进行映射操作
我们可以使用 flatMap() 方法在数组中进行映射操作，比如将包含一个或多个字符串的数组转换为一个新的字符串数组。
----- --- - --------- --------- ----- ------ - ------------- -- --------- ---- -------------------- -- --------- --------
将嵌套数组扁平化
使用 flatMap() 方法，可以让嵌套数组变得扁平化。假设我们有一个嵌套的数组，可以通过 flatMap() 方法将其转换为一个一维数组。
----- --- - ---- --- --- --- --- ---- ----- ------ - ------------- -- --- -------------------- -- --- -- -- -- -- --
总结
ES10 引入的 flatMap() 方法可以让我们更方便地处理嵌套数组。flatMap() 不仅支持返回单个元素的数组，也支持返回嵌套的数组，而且它可以将这些嵌套的数组扁平化成一个单独的数组。flatMap() 可以让一些操作变得更加简单和方便，比如在数组中进行映射操作、保留所有非空值，并在嵌套数组中进行扁平化操作，带来了无穷的可能性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64c0a79e83d39b48814f87f8