原生 JavaScript 实现数组扁平化的几种方案

如果数组嵌套层级极深（比如几十层），递归可能会触发栈溢出错误，这时用迭代加栈的方式更稳健。

// 迭代实现数组扁平化（完全扁平化）
function flattenArrayIterative(arr) {
  const stack = [...arr];
  const result = [];
  while (stack.length) {
    const item = stack.pop();
    if (Array.isArray(item)) {
      // 如果是数组，把元素重新推入栈（注意顺序）
      stack.push(...item);
    } else {
      result.push(item);
    }
  }
  // 因为 pop 是从后往前取，结果需要反转恢复原顺序
  return result.reverse();
}

// 测试用例
const nestedArr = [1, [2, [3, 4], 5]];
console.log(flattenArrayIterative(nestedArr)); // [1, 2, 3, 4, 5]

栈的特性是'后进先出'，所以最后需要 reverse() 恢复原数组顺序。迭代方式没有递归的栈深度限制，适合处理超深嵌套的数组。

思路三：利用 reduce 简化递归

reduce 可以替代手动遍历和结果数组的声明，让代码更简洁，核心逻辑和递归法一致。

// reduce 实现扁平化
function flattenArrayReduce(arr, depth = Infinity) {
  return arr.reduce((acc, item) => {
    if (Array.isArray(item) && depth > 0) {
      return acc.concat(flattenArrayReduce(item, depth - 1));
    } else {
      return acc.concat(item);
    }
  }, []);
}

// 测试用例
const nestedArr = [1, [2, [3]], 4];
console.log(flattenArrayReduce(nestedArr)); // [1, 2, 3, 4]

reduce 的 acc（累计值）就是最终的扁平化数组；concat 方法可以把数组或单个元素合并到数组中，替代 push(...) 更简洁。

总结

不用 flat() 实现数组扁平化的核心要点如下：

1. 核心逻辑：遍历数组元素，判断是否为数组，是则拆解层级，否则直接保留；
2. 实现方式：
   • 递归（forEach/reduce）：代码易读，适合常规嵌套深度的数组；
   • 迭代（栈）：无栈溢出风险，适合超深嵌套的数组；
3. 扩展点：通过 depth 参数可模拟 flat(depth) 的'指定深度扁平化'功能，适配不同需求。

这些方法都能兼容所有主流浏览器，且逻辑清晰。新手可以先从递归法入手理解，再根据实际场景选择迭代法或 reduce 写法。