ES12 中的数组 flatMap() 方法

在 ES12 中，新增了一个数组方法 flatMap()，它可以让我们更方便地对数组进行处理和操作。本文将详细介绍 flatMap() 的使用方法和示例。

flatMap() 方法的作用和用法

flatMap() 方法是在 map() 方法和 flat() 方法的基础上进行了扩展，它的作用是将原数组中的每个元素按照指定逻辑映射为一个新的数组，然后将所有新数组的元素合并为一个新的数组，并返回。

flatMap() 方法的语法结构如下：

array.flatMap(function callback(currentValue[, index[, array]]) {
  // return element for new array;
}[, thisArg])

• callback：对原数组的每个元素执行的回调函数；
• currentValue：当前元素的值；
• index：当前元素的索引值；
• array：原数组对象本身；
• thisArg：回调函数内部的 this 指向的对象；

按照上述语法结构，我们可以使用 flatMap() 方法对数组进行操作。对于数组中的每个元素，callback() 函数都会被调用一次并返回一个新的数组对象，然后 flatMap() 方法将所有新数组对象的元素合并成一个数组对象并返回。

flatMap() 方法的示例

下面是一个 flatMap() 方法的示例代码：

const arr = [1, 2, 3, 4, 5];

// 将每个元素乘以 2 并组成新数组
const newArr = arr.flatMap(n => [n * 2]);

console.log(newArr); // [2, 4, 6, 8, 10]

在该示例中，我们定义了一个数组 arr，其中包含 5 个整数。接下来，我们使用 flatMap() 方法对数组进行操作，将数组中的每个元素乘以 2 并组成新数组 newArr。最后，我们使用 console.log() 方法将新数组的值打印出来，它包含了所有元素乘以 2 的结果。

flatMap() 方法的指导意义

• flatMap() 方法可以让我们更加方便地对数组进行操作和处理，特别是在处理多层嵌套的数组时。
• flatMap() 方法可以减少我们冗长的代码，尤其是在遍历和变换数组时，使用 flatMap() 可以省去额外的遍历操作。

总结

在 ES12 中，flatMap() 方法是一个非常实用的数组方法，它可以让我们更方便地对数组进行操作和处理。我们可以使用它来简化代码，并提高代码的可读性和可维护性。当你需要对数组进行多层嵌套操作时，可以考虑使用 flatMap() 方法来实现。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b9e39dadd4f0e0ff26e4f6