在 JavaScript 的世界里，数组的使用非常普遍。ES6 引入了许多现代的、更好用的方法来操纵数组，比如 map、filter、reduce 等等。最新的 ES10 中又新增了一个非常实用的方法，就是 Array.Flat。今天我们就来学习一下它的使用方法以及一些案例。
介绍 Array.Flat 方法
Array.Flat 方法可以将一个嵌套的数组（也就是多维数组）转换成一维数组。
它的语法非常简单：
array.flat(depth);
其中，array 是要进行转换的嵌套数组，depth 参数用来指定要展开的深度。如果不指定深度，默认为 1，也就是只展开一层。
这里是一个简单的示例：
const nestArray = [ 1, 2, [3, 4], 5 ]; const flatArray = nestArray.flat(); // 输出：[ 1, 2, 3, 4, 5 ]
实现 Array.Flat 方法的案例
虽然 Array.Flat 很好用，但是有些环境可能还不支持它。这时候，我们就需要手动实现一下。下面是一些关于如何实现 Array.Flat 的案例。
通过递归实现 Array.Flat
首先，我们可以使用递归来实现 Array.Flat。我们可以遍历数组中的每一个元素，如果这个元素还是一个数组，那么就继续递归展开。如果不是数组，那么就添加到结果数组中。
-- -------------------- ---- -------
-------- ----------- -
--- ------ - ---
--- ---- - - -- - - ------------- ---- -
-- ------------------------- -
------ - ------------------------------
- ---- -
----------------------
-
-
------ -------
--通过 reduce 方法实现 Array.Flat
除了递归之外，我们还可以使用 reduce 方法来实现 Array.Flat。我们可以遍历数组中的每一个元素，如果这个元素还是一个数组，那么就继续递归展开并合并到结果数组中，否则就直接合并到结果数组。
function flat(array) {
return array.reduce((result, item) => {
return result.concat(Array.isArray(item) ? flat(item) : item);
}, []);
};通过 Generator 实现 Array.Flat
最后，我们还可以使用 Generator 实现 Array.Flat。我们可以遍历数组中的每一个元素，如果这个元素还是一个数组，那么就使用 yield* 递归展开。yield* 函数可以将一个可迭代的对象展开，这样就可以方便地实现递归展开。如果不是数组，那么就 yield 这个值。最后用 Array.from 把生成器转换成数组。
-- -------------------- ---- -------
--------- -------------------- -
--- ---- - - -- - - ------------- ---- -
-- ------------------------- -
------ ------------------------
- ---- -
----- ---------
-
-
-
-------- ----------- -
------ ---------------------------------
-总结
至此，我们对 Array.Flat 方法的介绍以及实现方式就讲完了。相信通过学习这些示例，大家已经掌握了如何实现 Array.Flat 方法以及它的应用场景。记得多加实践，多写代码，加强自己的代码能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648ac55148841e98948ecc4e