JavaScript 数组扁平化实战：不依赖 flat 方法的三种实现

这里有几个关键点需要注意：

• Array.isArray(item)：这是判断是否为数组的标准方式，比 typeof 更可靠；
• depth 参数：控制扁平化层级，和内置 flat(depth) 的逻辑一致，默认 Infinity 表示彻底拍平；
• 扩展运算符 ...：把递归返回的子数组元素逐个推入结果数组，避免产生新的嵌套。

方法二：迭代法（用栈避免溢出）

如果数组嵌套层级极深（比如几十层），递归可能会导致调用栈溢出。这时候用循环配合栈结构会更稳健。

// 迭代实现数组扁平化（完全扁平化）
function flattenArrayIterative(arr) {
  // 用栈存储待处理的元素，先把原数组浅拷贝入栈
  const stack = [...arr];
  const result = [];
  
  // 只要栈不为空，就继续处理
  while (stack.length) {
    // 弹出栈顶元素
    const item = stack.pop();
    if (Array.isArray(item)) {
      // 如果是数组，把元素重新推入栈（注意顺序：pop 是从末尾取，所以要反向推入保持原顺序）
      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]

小结一下：

这三种方案都能在不使用 flat() 的情况下完成数组扁平化。

1. 递归：代码易读，适合常规嵌套深度的场景；
2. 迭代：无栈溢出风险，适合超深嵌套的数组；
3. Reduce：函数式风格，代码更简洁。

通过 depth 参数，我们可以灵活模拟 flat(depth) 的'指定深度扁平化'功能。这些方法在主流浏览器和 Node.js 环境中都能良好运行，新手建议先从递归法入手理解原理，再根据实际性能需求选择迭代或函数式写法。