在前端开发中，我们经常会遇到需要操作数组的情况。而在 ES10 中，新增了一个非常实用的数组方法 Array.flat()。这个方法可以用一种简单的方式压缩数组，让我们不再需要手动遍历和拼接数组。
什么是 Array.flat()
Array.flat() 是一个新的数组方法，它可以将嵌套的数组压缩成一个单层数组。举个例子：
const arr = [1, 2, [3, 4], [5, [6, 7]]]; console.log(arr.flat()); // Output: [1, 2, 3, 4, 5, [6, 7]] console.log(arr.flat(2)); // Output: [1, 2, 3, 4, 5, 6, 7]
可以看到，通过调用 arr.flat() 方法，可以将 arr 数组中嵌套的数组压缩成一个单层数组。而且，我们还可以通过传递一个数字参数，来指定要压缩的嵌套层数。
Array.flat() 的指导意义
Array.flat() 提供了一种方便的方法，用于处理复杂的数据结构和多层数组。在实际的开发中，我们难免会遇到复杂的数据结构。使用 Array.flat() 可以极大简化我们的代码，减少我们的工作量和出错率。
以前，我们需要手动遍历每一个数组，然后将它们合并在一起。而现在，我们可以轻松地使用一个方法完成这个任务。这不仅提高了我们的开发效率，也使我们的代码更加易读易懂。
Array.flat() 示例代码
下面是一些示例代码，演示如何使用 Array.flat() 方法。
压缩数组
const arr = [1, 2, [3, 4], [5, [6, 7]]]; console.log(arr.flat()); // Output: [1, 2, 3, 4, 5, [6, 7]]
压缩数组并且展开所有嵌套数组
const arr = [1, 2, [3, 4], [5, [6, 7]]]; console.log(arr.flat(2)); // Output: [1, 2, 3, 4, 5, 6, 7]
使用 Infinity 作为参数，完全展开数组
const arr = [1, 2, [3, 4], [5, [6, [7]]]]; console.log(arr.flat(Infinity)); // Output: [1, 2, 3, 4, 5, 6, 7]
总结
ES10 中新增的 Array.flat() 方法可以轻松地压缩嵌套的数组，极大地简化了我们的代码，并且提高了开发效率。在实际的开发中，可以直接使用这个方法，而无需手动遍历和拼接数组。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6469f415968c7c53b09ba6b8