JavaScript 映射器 array.flatMap()

JavaScript的映射器array.flatMap()方法可以将一个数组的每个元素映射到另一个数组中，然后将所有的映射结果压缩成一个新数组。这个方法适用于一些场景，例如需要从一个二维数组中提取子数组元素，或者想要将多个数组合并成一个新的数组。下面是详细的攻略：

1. 语法

array.flatMap(callback(currentValue[, index[, array]])[, thisArg])

• callback：当前元素处理函数，接受三个参数：当前元素 currentValue，当前元素的索引 index（可选），当前数组 array（可选）。
• thisArg：可选。执行回调时将其绑定到 this 对象上。

2. 参数说明

下面是参数的详细说明：

• callback 函数返回一个新数组，数组中的每个元素都会按顺序插入到结果数组中。如果某个元素映射后为一个数组，它将被扁平化为结果数组的一部分。callback 函数总是期望返回一个数组。
• currentValue 是遍历数组时当前访问的元素。
• index 是可选的，表示当前元素的索引。
• array 是可选的，表示操作的原始数组。

3. 示例说明

示例1：将二维数组展开为一维数组

下面的示例将演示如何使用flatMap()方法来将二维数组转换为一维数组：

const arr = [[1, 2], [3, 4], [5, 6]];
const flatArr = arr.flatMap(x => x);

console.log(flatArr); // [1, 2, 3, 4, 5, 6]

在这个例子中，flatArr 数组中的每个元素都是从 arr 数组中的每个子数组中提取的，而 flatter 方法将每个子数组都扁平化为结果数组中的单个元素。

示例2：将每个字符串转换为一个单词数组

下面的例子将演示如何使用flatMap()方法将字符串数组转换为单词数组：

const arr = ["1 2", "3 4", "5 6"];
const flatArr = arr.flatMap(x => x.split(" "));

console.log(flatArr); // ["1", "2", "3", "4", "5", "6"]

在这个例子中，与上面的示例一样，每个子数组都被扁平化为结果数组中的单个元素。在这种情况下，每个字符串都被拆分成单词数组。split(" ") 函数将每个子字符串拆分并返回它们的模式匹配结果。

这就是JavaScript映射器array.flatMap()的完整攻略。通过使用这个方法，我们可以在不需要使用手动循环和条件处理的情况下，更容易地将数组中的元素转换为新的数组。