在编写前端代码的过程中，经常会遇到处理数组的情况，而在处理数组的过程中，可能会遇到二层嵌套数组的情况。而这种情况下，如果再进行数组的一些操作，例如筛选、过滤等等，会显得非常麻烦。那么，本文将介绍 ECMAScript 2020 中新增的数组方法 flat()，如何使用 flat() 方法来解决二层嵌套数组问题。
什么是嵌套数组
在 JavaScript 中，数组数据类型是一个非常常见的数据类型。数组是一种有序的数据结构，它可以按照一定的顺序存储一组数据，其中每个数据项可以是任意类型。而嵌套数组，就是把一个数组作为另一个数组的元素来存储。
代码示例：
const arr = [[1,2,3],[4,5,6],[7,8,9]];
以上代码中，我们创建了一个嵌套数组，包含了三个子数组，每个子数组又由三个数值型的元素组成。
数组 flat() 方法
在 ECMAScript 2020 中，新增了一个数组方法 flat()，它可以将多维数组转化为一维数组。flat() 方法的语法如下：
let newArray = arr.flat(depth);
其中，depth 表示展开的深度，我们可以设置为一个大于等于 0 的整数。当 depth 未被指定时，默认为 1。
flat() 方法会将原数组的所有子数组提取出来，放到新的一维数组中返回。如果传递了 depth 参数，flat() 方法会展开指定深度的子数组。
代码示例：
-- -------------------- ---- ------- ----- --- - -------------------------- ----- ------ - ----------- -------------------- -- ------------------- ----- ---- - -------------------- ----- ------- - ------------- --------------------- -- -------------
在第一个例子中，我们将嵌套数组 arr 转化为一维数组 newArr。在第二个例子中，我们指定了 depth 为 2，将 arr2 中的所有子数组全部展开到一维数组中。从输出结果可以看到，flat() 方法成功将多维数组转化为一维数组。
解决二层嵌套数组问题
在实际开发中，我们可能会遇到二层嵌套数组的情况，例如：
const arr = [[1,2],[3,4],[5,6]];
在这种情况下，如果我们要对 arr 数组进行一些操作，例如筛选、过滤等等，就需要先将二层嵌套数组展开，才能进行操作。而使用 flat() 方法，就可以非常方便地解决这个问题。
代码示例：
const arr = [[1,2],[3,4],[5,6]]; const newArr = arr.flat(); console.log(newArr); // [1,2,3,4,5,6]
从以上代码可以看到，我们成功地将二层嵌套数组 arr 展开为一维数组 newArr。此时，我们就可以方便地对 newArr 进行各种操作了。
总结
通过本文的介绍，我们了解了 ECMAScript 2020 新增的数组 flat() 方法，并且掌握了使用 flat() 方法解决二层嵌套数组问题的技巧。在实际编程中，我们可以灵活运用 flat() 方法，提高数组的操作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf344eb5eee0b52569d5d0