j*ascript如何实现数组扁平化_有哪些方法_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

2025-12-15

浏览次数：次

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

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

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

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

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

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

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

达芬奇

达芬奇——你的AI创作大师

166 查看详情达芬奇

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

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

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

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