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引入的原生数组方法，可以将数组按指定深度展开。
基本语法：
arr.flat(depth)
立即学习“Java免费学习笔记（深入）”；
其中 depth 表示要展开的层数，默认为1。如果想完全扁平化，可以传 Infinity。
示例：
-
[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。
通过递归实现深度扁平化
如果需要兼容老版本浏览器或想理解底层原理，可以用递归手动实现。
思路：遍历数组每一项，判断是否为数组，如果是则继续递归展开，否则推入结果数组。
代码实现：
function flatten(arr) {let result = [];
for (let i = 0; i if (Array.isArray(arr[i])) {
result = result.concat(flatten(arr[i]));
} else {
result.push(arr[i]);
}
}
return result;
}
测试：
flatten([1, [2, [3, 4]], 5]) → [1, 2, 3, 4, 5]
这种方式兼容性好，逻辑清晰，适合学习和自定义控制。
利用 reduce 和 concat 的函数式写法
还可以用 reduce 结合 concat 实现更简洁的递归版本。
const flatten = arr => arr.reduce((acc, val) =>Array.isArray(val) ? acc.concat(flatten(val)) : acc.concat(val),
[] );
这种写法更函数式，代码紧凑，适合喜欢函数式编程风格的开发者。
基本上就这些常用方法。flat()适合现代项目，递归实现更灵活可控。根据实际需求选择即可。
