在开发中，我们经常需要处理嵌套的数组。嵌套数组可以是多维数组，也可以是深度不一的数组。在以往的 JavaScript 版本中，处理嵌套数组比较繁琐，需要使用多重循环或递归来访问和操作数组元素。不过，ES9 中新增的 flat（）方法可以简化嵌套数组的操作，使得开发者能够更加高效地处理嵌套数组。
flat() 方法的定义
Array.prototype.flat() 方法用于将嵌套的数组“拍扁”，使得整个数组变成一维数组。该方法默认会将嵌套的数组“拍扁”一层；如果需要将多层嵌套的数组“拍扁”，可以通过传入一个整数参数来指定“拍扁”的层数。
flat() 方法的具体定义如下：
arr.flat([depth]);
其中，arr 表示要“拍扁”的数组；depth 表示“拍扁”的层数，默认为 1，即默认会将二维数组“拍扁”为一维数组。
flat() 方法的用法示例
我们可以通过使用 flat() 方法来学习该方法的用法。
下面给出了一个二维数组：
const arr = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ];
我们可以通过 flat() 方法将该二维数组“拍扁”，变成一维数组。代码如下：
const newArr = arr.flat();
运行该代码后，newArr 的值为：
[1, 2, 3, 4, 5, 6, 7, 8, 9]
我们也可以传入一个整数参数来指定“拍扁”的层数。例如，对于下面的三维数组：
const arr = [ [1, 2, [3, 4]], [5, 6, [7, 8, [9, 10]]] ];
如果要将该三维数组“拍扁”为一维数组，代码如下：
const newArr = arr.flat(2);
该代码中，我们传入了一个整数参数 2，指定了“拍扁”的层数为 2。运行该代码后，newArr 的值为：
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
flat() 方法的应用场景
flat() 方法可以应用于多种场景，例如：
1. 处理多维数组
在处理多维数组时，我们可以使用 flat() 方法将多维数组“拍扁”为一维数组，以便更加方便地访问和操作数组元素。
2. 处理递归数据结构
在处理递归数据结构时，我们可以使用 flat() 方法将递归数据结构“拍扁”为一维数组，以便更加方便地访问和操作数据结构。
3. 处理迭代器返回的嵌套数组
在使用迭代器迭代嵌套数组时，会返回包含嵌套数组的迭代器对象。我们可以使用 flat() 方法将该迭代器对象“拍扁”为一维数组，以便更加方便地访问和操作数组元素。
总结
ES9 中新增的 flat() 方法可以简化嵌套数组的操作，使得开发者能够更加高效地处理嵌套数组。该方法还可以应用于处理多维数组、递归数据结构和迭代器返回的嵌套数组等场景，具有深度和指导意义。
示例代码如下：
// javascriptcn.com 代码示例 const arr = [ [1, 2, [3, 4]], [5, 6, [7, 8, [9, 10]]] ]; // 将三维数组“拍扁”为一维数组 const newArr = arr.flat(2); console.log(newArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/651c019195b1f8cacd3969fe