NodeJS中通过HTTP请求为数组元素添加字段的异步问题求助

嘿，我完全懂你现在的困扰——刚接触Node.js的异步特性时，很容易被这种“代码顺序和执行顺序不一致”的问题坑到。你的原代码里，forEach会同步遍历完整个数组，触发所有的HTTP请求，但这些请求是异步执行的，所以当你遍历结束后去看数组，大部分情况下请求还没完成，status字段自然还没被添加上。

下面给你两种实用的解决办法，根据你的需求选就行：

方法一：顺序处理请求（for...of + async/await） #

如果你需要按数组顺序依次处理每个请求（比如前一个请求完成再发下一个），可以用for...of循环配合async/await，它会等待每个异步操作完成后再进行下一次循环：

const arr = [ { id: 123}, { id: 124}, { id: 125}, { id: 126} ];

// 把逻辑放在async函数里，才能使用await
async function updateItemStatuses() {
  for (const row of arr) {
    try {
      // 等待请求完成
      await request.post('/test');
      row.status = "success";
    } catch (error) {
      // 请求失败时设置failed
      row.status = "failed";
    }
  }
  // 这里的arr已经是更新后的状态了
  console.log(arr);
}

// 调用函数执行逻辑
updateItemStatuses();

方法二：并行处理请求（Promise.all + map） #

如果请求之间没有依赖关系，想要更高的效率，可以用Promise.all让所有请求并行发送，等全部完成后数组就会被更新：

const arr = [ { id: 123}, { id: 124}, { id: 125}, { id: 126} ];

async function updateItemStatuses() {
  // 用map把每个元素转换成一个Promise
  await Promise.all(arr.map(async (row) => {
    try {
      await request.post('/test');
      row.status = "success";
    } catch (error) {
      row.status = "failed";
    }
  }));
  // 所有请求完成后，数组已经更新
  console.log(arr);
}

updateItemStatuses();

为什么原代码不行？ #

再简单说下原代码的问题：forEach是同步的遍历方法，它不会等待回调里的异步操作完成。也就是说，你的代码会先快速把数组遍历一遍，把所有请求都发出去，但这些请求还在后台跑的时候，forEach已经执行完了，这时候数组里的元素还没被添加上status字段。

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