JS数组如何扁平化_JavaScript数组扁平化方法flat与递归实现教程

JavaScript数组扁平化是将多维数组转为一维数组，如[1, [2, [3, 4]]]变为[1, 2, 3, 4]。常用方法有：1. 使用ES2019的flat()方法，支持指定深度或Infinity完全展开，简洁高效但不兼容IE；2. 递归遍历实现，通过判断元素是否为数组进行递归处理，兼容性好且可控性强；3. reduce结合concat的函数式写法，代码紧凑。现代项目推荐flat()，需兼容旧环境时可用递归方案。

JavaScript数组扁平化是将多维数组转换为一维数组的过程。比如把[1, [2, [3, 4]]]变成[1, 2, 3, 4]。在实际开发中，处理嵌套数据结构时非常常见。下面介绍几种主流的实现方式，包括ES6新增的flat()方法和手动实现的递归方案。

使用 flat() 方法快速扁平化

flat() 是ES2019引入的原生数组方法，可以将数组按指定深度展开。

示例：

• [1, [2, 3]].flat() → [1, 2, 3]
• [1, [2, [3, 4]]].flat(1) → [1, 2, [3, 4]]
• [1, [2, [3, 4]]].flat(2) → [1, 2, 3, 4]
• [1, [2, [3, 4]]].flat(Infinity) → [1, 2, 3, 4]

这个方法简洁高效，适用于现代浏览器环境，但不支持IE。

通过递归实现深度扁平化

如果需要兼容老版本浏览器或想理解底层原理，可以用递归手动实现。

来画数字人直播

来画数字人自动化直播，无需请真人主播，即可实现24小时直播，无缝衔接各大直播平台。

0

查看详情

思路：遍历数组每一项，判断是否为数组，如果是则继续递归展开，否则推入结果数组。

代码实现：

测试：

flatten([1, [2, [3, 4]], 5]) → [1, 2, 3, 4, 5]

这种方式兼容性好，逻辑清晰，适合学习和自定义控制。

利用 reduce 和 concat 的函数式写法

还可以用 reduce 结合 concat 实现更简洁的递归版本。

这种写法更函数式，代码紧凑，适合喜欢函数式编程风格的开发者。

基本上就这些常用方法。flat()适合现代项目，递归实现更灵活可控。根据实际需求选择即可。

以上就是JS数组如何扁平化_JavaScript数组扁平化方法flat与递归实现教程的详细内容，更多请关注php中文网其它相关文章！