一步步教您使用 ES9 中的 Array.flat() 来扁平化数组

数组扁平化是前端开发中经常用到的一个操作，它将嵌套的数组转换为一维数组。在ES9中，包含了一个内置函数Array.flat()，它极大地简化了数组扁平化的操作。本文将会介绍Array.flat()的使用方法及示例代码。

什么是Array.flat()

Array.flat()是ES9中新增的一个函数，它可以将多维数组扁平化，返回一个一维数组。该函数的具体语法如下：

let arr = [1, 2, [3, 4, [5, 6]]];
let flatArr = arr.flat([depth]);

其中，arr是要被扁平化的数组，depth是可选参数，表示扁平化的深度。如果不传递depth参数，将会默认扁平化至1层。

Array.flat()的使用

接下来我们通过具体的示例代码来说明Array.flat()的使用方法。

示例一：扁平化一维数组

我们首先将一个一维数组进行扁平化操作。如下代码所示：

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

输出结果为：

[1, 2, 3, 4, 5]

示例二：扁平化二维数组

然后我们尝试将一个二维数组扁平化。如下代码所示：

let arr = [
  [1, 2],
  [3, 4],
  [5, 6]
];
let flatArr = arr.flat();
console.log(flatArr);

输出结果为：

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

示例三：扁平化多层嵌套的数组

最后我们将一个多层嵌套的数组进行扁平化操作。如下代码所示：

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

输出结果为：

[1, 2, 3, 4, 5]

在这个示例中，我们传递了参数Infinity，表示扁平化所有嵌套层级的数组。

总结

在本篇文章中，我们了解了Array.flat()函数的基本用法，也通过示例代码演示了它的具体使用方法。使用Array.flat()可以让我们更加高效地进行数组扁平化操作，这对于前端开发来说是一个非常有用的工具。

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