使用 ES9 的 Array.prototype.flat() 打造扁平化数组-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要对数组进行操作，其中扁平化数组是一个常见的需求。ES9 中新增了 Array.prototype.flat() 方法，可以更方便地实现数组扁平化。本文将介绍如何使用 Array.prototype.flat() 方法打造扁平化数组，并提供示例代码，帮助读者更好地理解和应用该方法。

什么是扁平化数组

扁平化数组指的是将多维数组转换为一维数组的过程。例如，将以下多维数组：

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

转换为一维数组：

[1, 2, 3, 4, 5, 6]

Array.prototype.flat() 方法介绍

Array.prototype.flat() 方法是 ES9 中新增的数组方法，用于将多维数组转换为一维数组。该方法的语法如下：

arr.flat([depth]);

其中，arr 表示要操作的数组，depth 表示要扁平化的深度，默认值为 1。如果需要扁平化的深度超过了数组的深度，则可以传入 Infinity。

需要注意的是，Array.prototype.flat() 方法不会改变原数组，而是返回一个新的扁平化后的数组。

使用 Array.prototype.flat() 方法扁平化数组

下面我们来看一下如何使用 Array.prototype.flat() 方法扁平化数组。

扁平化一维数组

如果是一维数组，使用 Array.prototype.flat() 方法非常简单，直接调用即可：

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

扁平化二维数组

如果是二维数组，需要将 depth 值设置为 2：

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

扁平化多维数组

如果是多维数组，同样需要将 depth 值设置为对应的深度：

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

总结

通过本文的介绍，我们了解到了 ES9 中新增的 Array.prototype.flat() 方法，并学习了如何使用该方法扁平化数组。需要注意的是，该方法不会改变原数组，而是返回一个新的扁平化后的数组。

希望本文的内容对读者有所帮助，也希望读者能够根据本文的示例代码，更好地理解和应用 Array.prototype.flat() 方法。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653b50cb7d4982a6eb5a71be