如何实现JavaScript中的数组扁平化？

JavaScript数组扁平化可通过原生flat()方法、递归reduce或迭代栈法实现，核心是消除嵌套层级，将多维数组转为一维数组。 以下是具体方法及注意事项：

1. 原生flat()方法

   语法：arr.flat([depth])，depth为扁平化深度（默认1），传入Infinity可完全扁平化。

   示例：

   const nestedArray = [1, [2, 3], [4, [5, 6]]];const flatOnce = nestedArray.flat(); // [1, 2, 3, 4, [5, 6]]const flatAll = nestedArray.flat(Infinity); // [1, 2, 3, 4, 5, 6]

   优势：语法简洁，底层优化，性能最佳，兼容现代浏览器和Node.js。

2. 递归reduce实现

   原理：通过reduce遍历数组，递归处理子数组，用concat或展开运算符拼接结果。

   示例：

   function customFlatten(arr) { return arr.reduce((acc, val) => { return acc.concat(Array.isArray(val) ? customFlatten(val) : val); }, []);}const flattened = customFlatten(nestedArray); // [1, 2, 3, 4, 5, 6]

   适用场景：嵌套层级不深，追求代码简洁性，但需注意堆栈溢出风险。

3. 迭代栈法

   原理：用栈模拟递归，避免深层调用导致的堆栈溢出，适合处理极深嵌套。

   示例：

   function flattenWithStack(arr) { const stack = [...arr]; const result = []; while (stack.length > 0) { const element = stack.pop(); if (Array.isArray(element)) { for (let i = element.length - 1; i >= 0; i--) { stack.push(element[i]); } } else { result.push(element); } } return result.reverse(); // 反转结果以保持顺序}const flattenedIterative = flattenWithStack(nestedArray); // [1, 2, 3, 4, 5, 6]

   优势：无递归限制，适合不可控的深层嵌套数据。

• flat()方法：自动保留非数组元素（如数字、字符串、对象、null、undefined），仅扁平化数组元素。示例：const mixedArray = [1, [2, 'hello'], {id: 3}, null, [4, [5]]];mixedArray.flat(Infinity); // [1, 2, 'hello', {id: 3}, null, 4, 5]
• 手动实现：必须用Array.isArray()严格判断元素类型，避免误处理非数组值。关键逻辑：if (Array.isArray(element)) { // 处理子数组} else { // 保留非数组元素}

1. 优先使用flat()：原生方法经过底层优化，性能远超手动实现。
2. 指定精确深度：若只需扁平化特定层级（如flat(1)），避免不必要的遍历。
3. 避免深层递归：对极深嵌套数据，选择迭代栈法防止堆栈溢出。
4. 减少数组拼接开销：手动实现时，优先用push而非concat或展开运算符，减少中间数组创建。
5. 内存管理：及时释放不再使用的中间数组引用，降低垃圾回收压力。
6. 并行处理（极端场景）：在支持Web Workers的环境中，拆分任务并行扁平化，但需权衡复杂度。

• 现代项目：直接使用flat()，兼顾可读性与性能。
• 兼容旧环境或精细控制：递归reduce（嵌套浅）或迭代栈法（嵌套深）。
• 极大规模数据：迭代栈法或结合并行处理，确保稳定性。

通过合理选择方法并注意边界条件，可高效实现JavaScript数组扁平化，满足不同场景需求。