ES9 中新增的 Array.flat() 使用示例详解

在 ES9 中，新增了一个 Array 方法 flat()，用于将多维数组扁平化为一维数组。在前端开发中，我们经常需要处理多层嵌套的数组，使用 flat() 可以使得代码更加简洁易懂。本文将详细介绍 flat() 的用法及示例。

语法

flat() 方法的语法如下：

arr.flat([depth])

其中，arr 为要扁平化的数组，depth 为可选参数，表示扁平化的深度，默认值为 1。如果 depth 为正整数，表示扁平化的层数；如果 depth 为负数，表示不限制层数，将数组完全扁平化。

示例

下面是一些使用 flat() 的示例：

扁平化一维数组

const arr1 = [1, 2, 3, 4, 5];
const flatArr1 = arr1.flat();
// flatArr1: [1, 2, 3, 4, 5]

扁平化二维数组

const arr2 = [[1, 2], [3, 4], [5]];
const flatArr2 = arr2.flat();
// flatArr2: [1, 2, 3, 4, 5]

扁平化三维数组

const arr3 = [[[1, 2], [3, 4]], [[5]]];
const flatArr3 = arr3.flat(2);
// flatArr3: [1, 2, 3, 4, 5]

不限制扁平化层数

const arr4 = [[[1, 2], [3, 4]], [[5]]];
const flatArr4 = arr4.flat(-1);
// flatArr4: [1, 2, 3, 4, 5]

注意事项

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

1. flat() 方法返回一个新数组，原数组不变。
2. flat() 方法只能扁平化数组，不能处理其他类型的数据。
3. flat() 方法会将空位（undefined）视为一项，需要先使用 filter() 进行过滤。

总结

flat() 方法是 ES9 中新增的一个非常实用的数组方法，可以简化多层嵌套数组的处理。在使用时需要注意参数的使用和返回值的处理，避免出现错误。希望本文的介绍能够帮助大家更好地掌握 flat() 方法的用法。

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