在前端开发中，经常会遇到数组嵌套的情况，而扁平化数组则是解决这类问题的一种常用方法。在 ECMAScript 2020 中，新增了 flat() 方法，可以更加方便地实现数组扁平化。本文将详细介绍如何使用 flat() 方法实现数组扁平化，并给出示例代码。
什么是数组扁平化
数组扁平化是指将多维数组转化为一维数组的过程。例如，一个二维数组 [[1, 2], [3, 4]] 扁平化后变为 [1, 2, 3, 4]，一个三维数组 [[[1, 2], [3, 4]], [[5, 6], [7, 8]]] 扁平化后变为 [1, 2, 3, 4, 5, 6, 7, 8]。
ECMAScript 2020 中的 flat() 方法
在 ECMAScript 2020 中，新增了 flat() 方法，用于将嵌套数组扁平化。flat() 方法接收一个可选参数 depth，表示要扁平化的深度。如果不指定 depth 或者指定为 Infinity，则会将所有嵌套数组全部扁平化。
flat() 方法返回一个新数组，原数组不会被修改。需要注意的是，flat() 方法只能将一层数组扁平化，如果要将多层数组扁平化，需要使用递归或者其他方法。
如何使用 flat() 方法实现数组扁平化
下面是一个使用 flat() 方法实现数组扁平化的示例代码：
const arr = [[1, 2], [3, [4, 5]]]; const flatArr = arr.flat(Infinity); console.log(flatArr); // [1, 2, 3, 4, 5]
在上面的代码中，我们定义了一个二维数组 arr，其中包含了一个嵌套的三维数组。然后我们使用 flat() 方法将 arr 扁平化，并将结果赋值给 flatArr。最后，我们打印出 flatArr，得到了扁平化后的结果。
总结
使用 flat() 方法可以更加方便地实现数组扁平化，避免了手动编写递归函数的繁琐过程。需要注意的是，flat() 方法只能将一层数组扁平化，如果要将多层数组扁平化，需要使用递归或者其他方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65784edbd2f5e1655d2360b3