ES10：数组扁平化（Array.flat()）方法

在前端开发中，我们经常需要处理多重嵌套的数组。有时候我们希望能将这些多重嵌套的数组转换为一维数组，以便更加方便地处理数据。在 ES10 中，就新增了一个方法可以轻松地实现数组扁平化，那就是 Array.flat() 方法。

什么是数组扁平化？

数组扁平化是指将多维数组转换为一维数组。例如，如果有一个多维数组 arr，它的第一维数据元素是一个数组 [a,b,c]，而 [a,b,c] 中每个元素又是一个数组 [d,e,f,g]，那么 arr 就是一个嵌套数组。将 arr 数组扁平化后，它就会变成一个一维数组 [a,b,c,d,e,f,g]，所有嵌套的维度将被展开，仅剩下一维。

Array.flat() 方法的用法

Array.flat() 方法可以将多重嵌套的数组平铺成一维数组。它的用法非常简单，只需要在数组对象上调用 flat() 方法即可。下面是一个简单的示例代码：

const arr = [1, 2, [3, 4], [5, [6, 7]]];
const newArr = arr.flat();
console.log(newArr);
// 输出结果为 [1, 2, 3, 4, 5, [6, 7]]

可以看到，在调用 flat() 方法后，数组 arr 中所有的嵌套数组都被扁平化成了一维数组，只有最内层的 [6,7] 这个数组没有被扁平化。

当然，我们也可以指定一个数字参数，表示要将数组扁平化的维度。如果指定的数字大于数组维度，那么 flat() 方法将不会有任何作用。下面是一个示例代码：

const arr = [1, [2, [3, 4]]];
const newArr = arr.flat(2);
console.log(newArr);
// 输出结果为 [1, 2, 3, 4]

在这个示例中，我们指定了参数 2，表示要将 arr 数组扁平化成二维数组。因为 arr 数组只有一维和二维，所以 flat(2) 方法将会将 arr 扁平化成一个二维数组，也就是 [1,2,3,4]。

为什么要使用 Array.flat() 方法？

在日常的前端开发中，我们难免会遇到多重嵌套的数组，比如说处理树形结构等。如果不进行扁平化操作，遍历多维数组的过程会非常繁琐。使用 Array.flat() 方法可以轻松地将多维数组扁平化为一维数组，使得处理数据更加方便。

兼容性问题

需要注意的是，Array.flat() 方法是 ES10 新增的方法，因此在使用时需要考虑浏览器的兼容性。如果想要使用该方法，可以在项目中引入 polyfill 进行兼容性处理，或者使用其他的数组扁平化方法。

总结

Array.flat() 方法是一个非常方便的方法，用来将多重嵌套的数组转换为一维数组。它的用法非常简单，同时也能提高数据处理效率，帮助开发者更好地处理数据。在实际开发中，应该合理地运用该方法，使得代码更加简洁高效。

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