如何等待setTimeout执行完成再继续？TypeScript数组延迟遍历问题

你这段代码返回空数组，是因为setTimeout属于异步宏任务，它不会阻塞循环执行——循环一口气跑完所有迭代时，那些setTimeout里的push操作还没来得及触发，所以console.log和return拿到的自然是空数组。另外你用的for await...of在这里完全没用，因为arrT是普通数组，不是异步迭代器，这个语法起不到等待异步操作的作用。

要让每个定时操作完成后再继续下一轮循环，只需要把setTimeout封装成返回Promise的函数，然后用await等待它完成：

async function testData() {
  // 封装一个可等待的延迟函数
  const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));

  const arrT = ['data1','data2','data3'];
  const result: string[] = [];

  for (const item of arrT) {
    // 等1秒再处理当前元素
    await delay(1000);
    result.push(`test - ${item}`);
  }

  console.log(result); // 输出: ['test - data1', 'test - data2', 'test - data3']
  return result;
}

testData();

这段代码会严格按照1秒间隔依次处理每个数组元素，循环结束时result已经收集了所有结果，返回的就是完整数组。

如果你的需求只是按固定间隔依次遍历并处理数组元素，那么这种封装Promise的setTimeout方案就是最优选择——它代码简洁、逻辑清晰，完全满足你的需求。

如果需要更复杂的定时控制（比如动态调整间隔、支持暂停/重启任务），可以考虑用setInterval配合计数器，但需要额外处理定时器清理和状态管理，反而不如当前方案简单直接。对你的场景来说，上面的修复代码就足够了。

内容的提问来源于stack exchange，提问作者mikestr