ECMAScript 2016 (ES7) 新特性之 Array.prototype.flat()

什么是Array.prototype.flat()？

Array.prototype.flat() 是 ECMAScript 2016 (ES7) 的一个新特性，它用于将嵌套的数组“展平”，即将多维数组转换为一维数组。它是一个非常方便的方法，可以让我们更容易地操作数组数据。

如何使用Array.prototype.flat()？

Array.prototype.flat() 方法非常简单易懂，它接收一个可选的深度参数，指定要递归展平嵌套数组的深度。如果没有提供深度参数，则默认为 1。

下面是一个例子：

// 一个多维数组
const nestedArray = [1, 2, [3, 4, [5, 6]]];
// 使用 flat() 方法将它展平
const flatArray = nestedArray.flat();
// 输出 [1, 2, 3, 4, [5, 6]]
console.log(flatArray);

在上面的例子中，原始数组 nestedArray 包含三个元素，其中第三个元素是另一个数组。使用 flat() 方法将它展平后，我们得到了一个包含五个元素的新数组 flatArray。

我们还可以使用深度参数来控制展平的深度。例如，如果我们想要展平数组中的所有嵌套数组，可以将深度参数设置为 Infinity，如下所示：

// 一个多维数组
const nestedArray = [1, 2, [3, 4, [5, 6]]];
// 使用 flat() 方法将它展平
const flatArray = nestedArray.flat(Infinity);
// 输出 [1, 2, 3, 4, 5, 6]
console.log(flatArray);

在上面的例子中，我们使用了 Infinity 作为深度参数，这意味着将展平所有嵌套数组。

Array.prototype.flat() 的指导意义

Array.prototype.flat() 方法的出现，解决了前端开发中处理多维数组的痛点。之前在处理多维数组时，通常需要使用递归或将数组展开成一维数组，然后再进行相应处理。但这些方法的缺点是代码复杂度高、效率低。

使用 Array.prototype.flat() 方法，可以更加方便地处理多维数组，提高代码的可读性和效率。

结论

Array.prototype.flat() 方法的出现是 ECMAScript 2016 (ES7) 中一个非常值得关注的新特性。使用这个方法，我们可以轻松地将多维数组转换为一维数组，从而更方便地处理和操作数组数据。

记得，在实际开发中，尽可能使用这种新特性，以提高代码的效率和可读性。

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