在前端开发中，我们经常需要处理数组，有时候我们会遇到多维数组嵌套的情况，特别是在处理数据时。这时候，如果使用循环遍历去处理，会非常麻烦，而且效率很低。ES10 提供了 Array.flat() 方法，可以很方便地解决这个问题。
Array.flat() 方法介绍
Array.flat() 方法可以将嵌套数组 “展平” 成一维数组。该方法的语法如下：
-----------------
其中，depth 参数可选，代表要展平的数组的深度，默认值为 1，表示对一维数组进行操作。如果设为 Infinity，表示无限展开嵌套数组。
Array.flat() 方法的示例
下面我们用一些示例来看看 Array.flat() 方法如何使用。
示例一：将多维数组展平为一维数组
假设我们要把一个多维数组展平为一维数组，可以使用以下代码：
--- --- - --- --- --- ----- --- ------------ - ----------- -------------------------- -- --- -- -- --
在这个示例中，我们将一个多维数组 arr 通过 flat() 方法展开为一维数组 flattenedArr。
示例二：将多维数组展平为指定深度的一维数组
有时候我们不需要将多维数组完全展开为一维数组，而是只展开一定的深度，这时候可以传入一个 depth 参数指定展开的深度。例如，我们可以把一个三维数组 depth 限制为只展开两层：
--- --- - --- --- --- ----- --- ------------ - ------------ -------------------------- -- --- -- -- --
在这个示例中，我们将一个三维数组通过 flat(2) 方法展开为两层深度的一维数组 flattenedArr。
示例三：将嵌套数组展开后与其他元素合并
我们也可以将展开后的数组与其他元素合并，例如：
--- --- - --- --- ---- --- ------------ - --------------------- ---- -------------------------- -- --- -- -- -- --
在这个示例中，我们将一个含有嵌套数组的数组 arr 展开后，再与数组 [4, 5] 合并为一个新数组。
总结
使用 Array.flat() 方法可以很方便地将嵌套数组展开成为一维数组，从而避免循环遍历和深度递归处理。这个方法在大数据处理中很有用，特别是在处理树形结构数据时，使用 flat() 方法可以更方便地对树形结构进行操作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/654f3e9d7d4982a6eb8367e8