ES9 中的 Array.prototype.flat() 方法解决嵌套数组问题

在开发中，我们常常会遇到需要处理嵌套数组的情况，这时候就需要用到 Array.prototype.flat() 方法。ES9 中新增了该方法，其作用是将嵌套数组展平成一维数组，从而让数组操作更加方便和高效。

具体用法

Array.prototype.flat() 方法默认将数组展开一层，也就是说，如果嵌套数组中还有嵌套数组，该方法只会展开一层，而不是全部展开到最底层。如果需要全部展开，则需要传入参数Infinity。

let nestedArr = [1, 2, [3, 4, [5, 6]]];

nestedArr.flat(); // [1, 2, 3, 4, [5, 6]]
nestedArr.flat(2); // [1, 2, 3, 4, 5, 6]
nestedArr.flat(Infinity); // [1, 2, 3, 4, 5, 6]

在上面的示例代码中，我们首先定义了一个嵌套数组 nestedArr，它包含三个元素，其中第三个元素仍然是一个嵌套数组。然后我们分别调用了三次 Array.prototype.flat() 方法，输出结果可以看出，不同参数传入数组展开的层数也不同。

使用场景

那么，在实际开发中，我们会遇到哪些需要处理嵌套数组的场景呢？以下是一些示例：

1. 数组展开

如果我们想将嵌套的数组展开成一维数组，以便进行遍历或其他操作，此时就可以使用 Array.prototype.flat() 方法。

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

arr.flat(); // [1, 2, 3, 4, 5, 6]

2. 数组去重

如果我们想对一个包含重复元素的嵌套数组进行去重操作，也可以使用 Array.prototype.flat() 方法。

let arr = [1, [2, 3], [4, [5, 6, 3]]];
let uniqueArr = Array.from(new Set(arr.flat()));

uniqueArr; // [1, 2, 3, 4, 5, 6]

3. 数组拍平

如果我们想将一个多维嵌套数组拍平成一个一维数组，并重新排序，那么也可以使用Array.prototype.flat()方法。

let arr = [[1, 2, 3], [4, 5], [6, 7, 8], [9]];

let flatArr = arr.flat().sort((a, b) => a - b);

flatArr; // [1, 2, 3, 4, 5, 6, 7, 8, 9]

注意事项

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

1. 如果一个元素本身就是一个数组，而且该数组里只有一个元素，那么它不会被展开。

let arr = [1, [2], [[3]], [[[4]]]];

arr.flat(); // [1, 2, [3], [[4]]]

1. 如果数组里包含空元素，它们会被展开。

let arr = [1, , 2, , , 3];

arr.flat(); // [1, 2, 3]

1. 如果数组里包含稀疏数组，展开时会产生稀疏数组元素。

let arr = [1, [2, , 4], , , [5, , 7]];

arr.flat(); // [1, 2, undefined, 4, 5, undefined, 7]

总结

通过本文我们可以看出，Array.prototype.flat() 方法在处理嵌套数组时非常有用，可以让我们更方便地对数组进行遍历、去重、拍平等操作。但在使用时需要注意各种细节和边界情况，以免发生意外错误。

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