通过 ES10 中的 flat() 方法，轻松展开多层嵌套数组

在 JavaScript 的开发中，操作数组是很常见的需求，很多时候我们会面临需要扁平化多层嵌套数组的情况。在 ES10 中新增了 flat() 方法可以解决这个问题，本文将会详细介绍 flat() 方法的使用及其注意点，并给出示例代码。

flat() 方法的使用

flat() 方法可以将多维数组扁平化为一维数组，其语法如下：

arr.flat([depth])

• arr：需要被处理的数组。
• depth：可选，指定要扁平化的深度值，默认为1。如果深度值为Infinity，则将数组完全扁平化。

需要注意的是，flat() 方法返回的是一个新数组，不会改变原数组。

flat() 方法的注意点

在使用 flat() 方法时需要注意以下几点：

1. 在扁平化数组时，flat() 方法只会对数组中元素为数组的项进行处理，并返回一个新的扁平化数组。如果原数组中含有非数组元素，则将其保留在结果数组中。
2. flat() 方法不会改变原数组，而是返回被处理后的新数组。如果需要改变原数组，可以在调用 flat() 方法时传入 Infinity 参数，它会将数组完全扁平化。
3. depth 参数必须是非负整数。如果 depth 参数小于或等于0，则返回原数组。

示例代码

下面的示例代码将展示如何使用 flat() 方法扁平化多层嵌套数组：

const arr = [1, 2, [3, 4, [5, 6]]];
const flattened = arr.flat();

console.log(flattened); // [1, 2, 3, 4, [5, 6]]

在这个例子中，原数组 arr 包含多层嵌套的数组。调用 arr.flat() 方法后将返回一个扁平化的新数组 flattened。

如果我们想将数组 arr 中的所有项都扁平化为一维数组，则可以这样做：

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

console.log(flattened); // [1, 2, 3, 4, 5, 6]

这个例子中，我们调用 arr.flat(Infinity) 方法将数组 arr 完全扁平化为一维数组 flattened，其中包含了所有原数组中的元素。

总结

通过本文的介绍，我们了解到在 ES10 中新增的 flat() 方法，使用它可以方便地将多维数组扁平化为一维数组。但是在使用 flat() 方法时，需要注意它的一些限制和特殊情况。学会使用 flat() 方法，能够提高操作多维数组的效率和开发效率。

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