JavaScript 的 ES10 新增了一个 Array.flat() 方法，用于将多维数组变为一维数组。本文将详细介绍其用法及实现，帮助读者快速掌握该方法的使用。
用法
Array.flat() 方法用于将多维数组变为一维数组，其接受一个可选的参数，用于指定要展开的嵌套层数。该方法的使用方式如下：
let arr = [1, 2, [3, 4], [5, [6, 7]]]; let flatArr = arr.flat(); // [1, 2, 3, 4, 5, [6, 7]] let deeplyFlatArr = arr.flat(2); // [1, 2, 3, 4, 5, 6, 7]
上述代码中，arr 是一个包含多维嵌套数组的数组，通过调用 flat()方法，将其变为一个一维数组。deeplyFlatArr 是指定了展开深度的一维数组。
另外，如果要展开所有深度的嵌套数组，可以使用 Infinity 作为参数，如下所示：
let arr = [1, [2, [3, [4, 5]]]]; let deeplyFlatArr = arr.flat(Infinity); // [1, 2, 3, 4, 5]
实现
为了更好地理解 flat() 方法的实现原理，我们可以自己手写一个 flatten 函数，用于将多维数组变为一维数组。
-- -------------------- ---- -------
-------- ------------ ----- - -- -
--- ------ - ---
------------------ -- -
-- -------------------- -- ----- - -- -
---------------------------- ----- - ----
- ---- -
------------------
-
---
------ -------
-上述代码中，flatten 函数接受两个参数，一个是要展开的数组，另一个是要展开的深度。在函数内部，我们采用了递归的方式将多维数组变为一维数组。除此之外，我们还使用了 ES6 的扩展运算符，用于将展开后的数组直接添加到 result 数组。
我们可以通过调用 flatten 函数，来实现类似于 flat() 方法的效果。具体用法如下所示：
let arr = [1, 2, [3, 4], [5, [6, 7]]]; let flatArr = flatten(arr); // [1, 2, 3, 4, 5, [6, 7]] let deeplyFlatArr = flatten(arr, 2); // [1, 2, 3, 4, 5, 6, 7]
总结
本文详细介绍了 ES10 中新增的 Array.flat() 方法的用法及实现，以及手写的 flatten 函数。理解该方法的使用和实现，对于开发者来说是非常重要的，可以提高代码的运行效率和优化代码的结构，欢迎读者在实践中应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64745d68968c7c53b01be46f