ES9 中的 Array.prototype.flatMap() 方法

在 ES9 中，Array.prototype.flatMap() 是一个新的数组方法。它不仅可以像 Array.prototype.map() 一样对数组中的每个元素进行操作，还可以将返回的数组展平为一个新数组。

语法

arr.flatMap(callback[, thisArg])

• callback：对数组中的每个元素执行的函数。它可以返回一个数组或一个值，如果返回的是数组，flatMap() 方法会将其展平到新数组中。
• thisArg：可选参数，执行回调函数时使用的 this 值。

示例代码

const arr = [1, 2, 3, 4];
const result = arr.flatMap(x => [x * 2]);

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

在这个例子中，我们使用 Array.prototype.flatMap() 方法将数组 arr 中的每个元素乘以 2，并将结果放入一个新数组中。最后，我们得到了展平后的新数组 [2, 4, 6, 8]。

深度和学习

Array.prototype.flatMap() 方法的实现方式与 Array.prototype.map() 类似，但它额外提供了一个展平功能。这个方法对于处理嵌套数组非常有用，因为它可以将嵌套数组展平为一个新数组。

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

console.log(result); // [1, 2, 3, 4]

在这个例子中，我们使用 Array.prototype.flatMap() 方法将数组 arr 中的嵌套数组展平为一个新数组。最后，我们得到了展平后的新数组 [1, 2, 3, 4]。

指导意义

使用 Array.prototype.flatMap() 方法可以使代码更简洁、更易读。它可以帮助我们快速处理嵌套数组，并将结果展平为一个新数组。在处理数组时，我们应该优先考虑使用这个新的数组方法。

结论

ES9 中的 Array.prototype.flatMap() 方法是一个非常有用的数组方法，它可以对数组中的每个元素进行操作，并将返回的数组展平为一个新数组。我们应该在处理数组时优先考虑使用这个方法，以使代码更简洁、更易读。

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