Node.js开发：如何在forEach循环中存储await返回值到数组？

问题核心是forEach循环不支持异步/await的阻塞执行，内部的异步上传操作还没完成，外部的console.log就已经执行了，所以拿到的是空数组。

修正后的代码方案 #

用for...of循环替代嵌套的forEach，因为for...of可以和await配合，确保所有异步操作完成后再执行后续代码：

const tweets = post['thread'];

// 用异步函数包裹，支持await
(async () => {
  for (let index = 0; index < tweets.length; index++) {
    const tweet = tweets[index];
    if (tweet['media'] !== undefined) {
      const files = tweet['media']['media_ids'];
      tweets[index]['media']['media_ids'] = [];
      
      // 遍历文件，用for...of确保await生效
      for (const fileName of files) {
        const filePath = './public/images/' + fileName; // 修正原代码里固定取files[0]的错误，改用当前循环的文件名
        const mediaId = await tClient.v1.uploadMedia(filePath);
        tweets[index]['media']['media_ids'].push(mediaId);
        console.log(tweets[index]['media']['media_ids']); // 此时能正确打印已上传的mediaId数组
      }
    }
  }

  // 所有异步上传完成后，这里才能拿到完整的mediaId数组
  console.log(tweets[0]['media']['media_ids']);
})();

关键修改点说明 #

• 原代码中files.forEach(async(file)=>{...})里的async回调不会阻塞forEach循环，循环会直接走完，而上传操作还在后台执行。换成for...of后，每次循环都会等待await uploadMedia完成再继续。
• 修正了原代码里的逻辑错误：var file = './public/images/'+files[0]会重复上传第一个文件，改为使用当前循环的fileName来遍历所有文件。
• 把整个逻辑放到自执行异步函数里，避免顶层await的环境限制，兼容性更强。

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