ES9 新特性：Array.Prototype.{flat，flatMap}()

如果你是一位 JavaScript 开发人员，你可能已经听说了 ES9 中 Array 对象的两个新方法：Array.Prototype.flat() 和 Array.Prototype.flatMap()。这些方法已经在现代浏览器中广泛采用，在开发环境中具有重要的作用。在这篇文章中，我们将探讨这些方法的详细信息，包括它们的使用、功能和优点。

flat() 方法

flat() 方法可以将嵌套的数组“展平”，从而使整个数组变得更加容易处理。例如，下面的代码将嵌套数组展平：

const arr = [1, 2, [3, 4]];
console.log(arr.flat()); // [1, 2, 3, 4]

在这个例子中，我们可以看到 arr 数组包含两个元素：数字 1 和 2，以及一个嵌套的数组 [3, 4]。flat() 方法不能展开多层嵌套数组，但是可以通过传递 Infinity 参数来展开所有嵌套层数。例如：

const arr = [1, 2, [3, 4, [5, 6]]];
console.log(arr.flat(Infinity)); // [1, 2, 3, 4, 5, 6]

我们可以看到，即使数组在多个级别上都有嵌套， flat() 方法还是可以将它们全部展开。

flatMap() 方法

flatMap() 方法是在 map() 和 flat() 方法的基础上进行改进的。 flatMap() 方法可以让你在同一行上执行二者操作。flatMap() 方法一次性应用一个函数到数组的每个元素上，其返回值是一个新数组。然后，将这个新数组展平成一维数组。例如：

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

在这个例子中，arr 包含三个数字：1、2 和 3。 flatMap() 方法将 x => [x * 2] 函数应用于所有数字，将它们转换为 [2]、[4] 和 [6] 数组。使用 flat() 方法将这些数组展开，并将它们合并为一个数组 [2, 4, 6]。

总结

在本文中，我们深入研究了ES9 中 Array.Prototype.{flat，flatMap}() 方法的功能和用途。我们可以看到这些新方法可以让 JavaScript 开发人员更加快捷和方便地处理和操作数组。如果你正在进行 JavaScript 开发，则应尽可能多地了解这些新特性及其使用，以便快速提高你的编程技能。

参考代码

// flat() 示例
const arr = [1, 2, [3, 4, [5, 6]]];
console.log(arr.flat(Infinity)); // [1, 2, 3, 4, 5, 6]

// flatMap() 示例
const arr2 = [1, 2, 3];
const result = arr2.flatMap(x => [x * 2]);
console.log(result); // [2, 4, 6]

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