javascript如何实现数组扁平化_有哪些方法-js教程-PHP中文网

javascript如何实现数组扁平化_有哪些方法

幻影之瞳

发布： 2025-12-15 17:56:02

原创

112人浏览过

JavaScript数组扁平化最推荐Array.prototype.flat()，支持指定深度和跳过空位；兼容旧环境可用reduce+concat递归；toString+split仅限纯数字/字符串且会丢失类型；扩展运算符+递归语义直观但性能略低。

javascript如何实现数组扁平化_有哪些方法

JavaScript 实现数组扁平化，核心是把多维数组（嵌套数组）转成一维数组。最常用、最推荐的是 Array.prototype.flat()，但不同场景下还有其他可靠方法。

flat() 是原生支持的扁平化方法，可指定展开深度，还能处理空位：

适合需要兼容 IE 或想手动控制流程的场景，递归处理每一项：

判断当前元素是否为数组，是则递归扁平，否则直接保留
代码简短稳定：arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), [])
注意：concat 不会修改原数组，返回新数组；需配合递归函数使用

利用 toString 把嵌套数组转成逗号分隔字符串，再拆回数组——有明显局限性：

Visla

AI视频生成器，快速轻松地将您的想法转化为视觉上令人惊叹的视频。

100

利用 [...arr] 展开一层，再逐个判断是否继续展开：

写法简洁：function flatten(arr) { return arr.reduce((acc, item) => Array.isArray(item) ? [...acc, ...flatten(item)] : [...acc, item], []); }
注意避免无限递归（确保子项确实为数组再递归）
性能略低于 flat()，但可读性强，适合教学或轻量项目

基本上就这些。日常开发优先用 flat(Infinity)；需要兼容旧浏览器时选 reduce + concat 递归；其他方法按需谨慎使用。

以上就是javascript如何实现数组扁平化_有哪些方法的详细内容，更多请关注php中文网其它相关文章！