引言
在 JavaScript 中，数组是一种非常常见的数据类型。在实际开发中，我们经常需要对数组进行处理，其中一种处理方式就是将多维数组扁平化为一维数组。本篇文章将介绍 JavaScript ES9 中的数组扁平化的最佳解决方案。
传统的数组扁平化方法
在 ES9 出现之前，我们通常使用递归的方式来实现数组扁平化。具体实现如下：
-- -------------------- ---- -------
-------- ------------ -
--- ------ - ---
--- ---- - - -- --- - ----------- - - ---- ---- -
-- ----------------------- -
------ - -------------------------------
- ---- -
--------------------
-
-
------ -------
-
--- --- - --- --- --- -----
-------------------------- -- --- -- -- --这种方法虽然简单易懂，但是有一个缺点，就是在处理大型数组时，递归的层数过多，会导致栈溢出的问题。
ES9 中的数组扁平化方法
在 ES9 中，新增了一个 flat() 方法，可以用来对数组进行扁平化。该方法的语法如下：
arr.flat([depth])
其中，depth 表示扁平化的深度，默认值为 1，即只扁平化一层。如果需要扁平化所有层级，可以将 depth 设置为一个很大的数值，比如 Infinity。
下面是使用 flat() 方法实现数组扁平化的示例代码：
var arr = [1, [2, [3, 4]]]; console.log(arr.flat(Infinity)); // [1, 2, 3, 4]
flatMap() 方法
除了 flat() 方法之外，ES9 还新增了一个 flatMap() 方法，该方法可以对数组进行映射和扁平化。具体实现如下：
arr.flatMap(callback[, thisArg])
其中，callback 表示对数组中的每个元素进行处理的函数，thisArg 表示 callback 函数中的 this 指向。该方法的返回值是一个新数组，该数组是对原数组进行了映射和扁平化后的结果。
下面是一个使用 flatMap() 方法实现数组扁平化的示例代码：
var arr = [1, 2, 3, 4]; console.log(arr.flatMap(x => [x * 2])); // [2, 4, 6, 8]
总结
本篇文章介绍了 JavaScript ES9 中的数组扁平化的最佳解决方案。相比传统的递归方法，ES9 中的 flat() 方法和 flatMap() 方法更加简洁高效。在实际开发中，我们可以根据实际情况选择使用适合的方法来处理数组扁平化的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e1a1d01886fbafa4e97a1f