在 JavaScript 的开发中，经常需要处理多维数组。如果需要将多维数组转换为单一维度数组，以前的做法通常是使用循环或递归遍历所有的数组元素，将它们加入到一个新的数组中。这种方法既不高效，也不方便。
好在 ECMAScript 2019（ES10）中新增了 Array.flat() 方法，可以让我们轻松地将多维数组降到单一维度。
什么是 Array.flat()？
Array.flat() 是 Array.prototype 上的一个新方法，用于将多维数组整合为一个单一维度的数组。它会将数组中的所有元素展开到指定的深度，如果没有指定深度，则默认只展开一层。
Array.flat() 的使用
在使用 Array.flat() 时，我们可以传入一个整数值作为展开数组的深度。这个整数值表示需要展开多少层嵌套的数组。
下面是一个 Array.flat() 的示例：
----- --- - --- --- --- --- ----- --- ----- ------- - ------------ --------------------- -- --- -- -- -- -- --
在这个示例中，我们有一个包含多层嵌套的数组 arr。我们调用了 flat() 方法，并传入了整数值 2，表示需要将数组的嵌套展开两层。这意味着我们需要展开包含嵌套数组的数组，以及嵌套数组内部的数组。最终，我们得到了一个降到单一维度的数组 flatArr。
如果我们不传入整数值，则默认只展开一层嵌套的数组。例如：
----- --- - --- --- --- --- ----- --- ----- ------- - ----------- --------------------- -- --- -- --- --- ---- --
在这个示例中，我们没有传入整数值，因此默认只展开一层嵌套的数组。这样，我们得到了一个展开了一层嵌套数组后，还包含一个嵌套数组的数组。
Array.flat() 的最佳实践
Array.flat() 可以帮助我们处理数组嵌套问题，但它也可能带来一些意外的结果。下面是一些使用 Array.flat() 的最佳实践：
1. 确定嵌套深度
在使用 Array.flat() 时，一定要确认数组的嵌套深度。如果数组是多层嵌套的，可能需要展开多级嵌套。如果设置的深度超过了数组的嵌套深度，可能会产生不必要的展开操作。
2. 处理不同维度的数组
在处理数组时，注意对不同维度的数组采用不同的展开深度。如果同时存在多个维度的数组，需要根据不同的数组深度来展开。
3. 避免展开空数组
在使用 Array.flat() 的过程中，要注意避免展开空数组。如果数组中存在空数组，调用 flat() 方法可能会展开空数组，导致数组中出现 undefined 值。
结论
ECMAScript 2019（ES10）中新增的 Array.flat() 方法可以帮助我们轻松地将多维数组降到单一维度。使用该方法时，我们需要确认数组的嵌套深度，并注意处理不同维度的数组，避免展开空数组。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6711d2bdad1e889fe201041a