异步forEach中push值后数组仍为空的原因咨询

云原生阿岚

2026-5-8

问题原因与解决方案

这是异步编程里非常常见的一个误区，咱们一步步拆解问题所在：

核心原因：forEach不支持异步等待，执行顺序不对

forEach的设计逻辑：forEach是为同步遍历场景设计的，它不会等待回调函数里的异步操作完成。哪怕你在回调里加了async/await，forEach也会直接遍历完所有stages元素，然后立刻继续执行后面的同步代码，完全不管异步回调有没有跑完。
代码执行顺序问题：你的console.log(arr)是同步代码，它会在所有await Task.find(...)的异步请求完成之前就执行了。这时候arr还没被推入任何值，自然打印出来是空数组。

两种可行的解决方案

方案1：用`for...of`循环（适合需要按顺序执行异步操作的场景）

for...of可以和await完美配合，它会等待每一次循环里的异步操作完成后，再进入下一次循环：

async function fetchAllTasks() {
  const arr = [];
  for (const stage of stages) {
    const tasks = await Task.find({ stageName: stage._id });
    arr.push(tasks);
  }
  console.log(arr); // 此时所有异步操作都已完成，能拿到正确结果
}
fetchAllTasks();

方案2：用`Promise.all` + `map`（适合并行执行，效率更高）

如果你的异步操作之间没有依赖关系，不需要按顺序执行，用Promise.all可以让所有请求同时发起，大大提升效率：

async function fetchAllTasks() {
  const arr = await Promise.all(
    stages.map(async (stage) => {
      return Task.find({ stageName: stage._id });
      // 这里的await可以省略，因为Task.find返回的本身就是Promise
    })
  );
  console.log(arr); // 所有Promise都resolve后，arr会被填充为对应的结果数组
}
fetchAllTasks();