JavaScript Array flatMap() 方法

17 Mar 2025 | 阅读 2 分钟

flatMap() 方法是 flat() 和 map() 方法的组合。该方法首先通过映射函数对每个数组元素进行映射,然后以深度值为 1 将数组展平。

语法

参数

callback- 这是一个函数,它为新创建的数组生成一个元素,并包含以下三个参数

  1. currentValue: 正在处理的当前数组元素。
  2. index: 正在处理的当前数组元素的索引值。这是一个可选参数。
  3. array: 调用 map 的数组,这是一个可选参数。
  4. thisArg: 这也是一个可选参数,当执行回调函数时,其值用作 'this'。

返回

它返回一个新数组,其中每个元素是回调函数的计算结果。

JavaScript Array flatMap() 方法示例

让我们看下面的例子以更好地理解

示例 1

这是一个了解 flatMap() 方法用法的简单示例。

立即测试

输出

JavaScript Array flatMap() Method

示例 2

使用 flatMap() 方法处理两个不同的数组元素。

立即测试

输出

JavaScript Array flatMap() Method

Example3

这个例子显示了每个成员喜欢的 the fruit 的名称。

立即测试

输出

JavaScript Array flatMap() Method

Example4

一个将句子分割成单个单词的例子。

立即测试

输出

JavaScript Array flatMap() Method

输出清楚地显示每个句子被分隔开,形成单个单词。


下一主题JavaScript 数组