JavaScript 不使用 flat 方法实现数组扁平化

关键解释：

• Array.isArray(item)：判断元素是否为数组，这是扁平化的核心判断条件；
• depth 参数：控制扁平化深度，和 flat(depth) 的参数逻辑一致，默认 Infinity 表示完全扁平化；
• 扩展运算符 ...：把递归返回的子数组元素逐个推入结果数组，避免嵌套。

方法 2：迭代实现（循环 + 栈，避免递归栈溢出）

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

// 迭代实现数组扁平化（完全扁平化）
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]

关键解释：

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

方法 3：利用 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 写法。