在前端开发中，我们经常会需要处理多层嵌套的数组，而扁平化是一种非常有用的技术。在 ES9 中，新增了一个 Array.prototype.flat() 方法，可以非常方便地实现数组扁平化。
Array.prototype.flat() 方法介绍
Array.prototype.flat() 方法可以将嵌套的数组“扁平化”，即将多维数组转换为一维数组。
该方法返回一个新的数组，不会修改原始数组。如果不传参数，其默认值为1。
实现数组扁平化
下面我们来看一下如何利用 Array.prototype.flat() 方法实现数组扁平化。
使用 flat() 方法扁平化数组
const arr1 = [1, 2, [3, 4]]; const arr2 = arr1.flat(); console.log(arr2); // output: [1, 2, 3, 4]
在上面的示例中，我们定义了一个嵌套的数组 arr1，然后使用 flat() 方法将其扁平化，生成了一个新的数组 arr2。
使用 Infinity 参数扁平化任意层数的数组
const arr1 = [1, 2, [3, 4, [5, 6]]]; const arr2 = arr1.flat(Infinity); console.log(arr2); // output: [1, 2, 3, 4, 5, 6]
在上面的示例中，我们定义了一个嵌套了两层的数组 arr1，然后使用 flat() 方法并传入 Infinity 参数，将其扁平化成了一维数组。
应用场景
扁平化数组可以方便地处理多层嵌套的数据结构，例如将多个子数组合并成一个数组、展开嵌套的对象等。
将多个子数组合并成一个数组
const arr1 = [1, 2]; const arr2 = [3, 4]; const arr3 = [5, 6]; const arr = [arr1, arr2, arr3].flat(); console.log(arr); // output: [1, 2, 3, 4, 5, 6]
在上面的示例中，我们将三个子数组合并成了一个数组。
展开嵌套的对象
-- -------------------- ---- -------
----- --- - -
----- --------
---- ---
---------- -
------- ----------
------- ----------
-
--
----- --- - ---------------------------
-----------------
-- ------- -------- -------- ------ --- ------------ -------- ---------- ------- ------------在上面的示例中，我们将嵌套的对象展开成了一个一维数组。
总结
Array.prototype.flat() 方法是一种非常实用的方法，可以方便地将多维数组转换为一维数组，或者展开嵌套的对象。在实际开发中，扁平化数组是一个常见的需求，利用 Array.prototype.flat() 方法可以提高代码的可读性和编写效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c0987283d39b48814e4fbf