异步减少返回的承诺

Question

我有一个对象数组，我必须为来自异步函数的每个对象添加一个属性

我正在做一个 Array.reduce 来迭代每个元素并只返回一个结果：一个具有新属性的对象数组。

我有这个

const res = await resultOne.reduce(async (users = [], user, i) => {
          let userName;
          try {
            let { name } = await names.getNames(user.id);
            userName = name;
          } catch (error) {
            throw error;
          }
          delete user.id;
          users.push({ ...user, userName });
          return users;
      }, []);

但我收到了消息

推送不是用户的功能

这是因为我认为是一个承诺。

如何处理reduce 或map 中的异步请求

Answer 1

是的，users 是一个承诺。不要use reduce with async functions。您可以在第一行执行await users 之类的操作，但这会非常低效且不合时宜。

使用普通循环：

const users = [];
for (const user of resultOne) {
    const { name } = await names.getNames(user.id);
    delete user.id;
    users.push({ ...user, userName: user });
}

或者，在您可以同时执行所有操作并创建数组的情况下，map 函数与Promise.all 一起使用：

const users = await Promise.all(resultOne.map(async user => {
    const { name } = await names.getNames(user.id);
    delete user.id;
    return { ...user, userName: user };
}));

Answer 2

因为它是一个异步函数，所以每次你返回一些东西时，它都会被包装在一个 Promise 中。要解决此问题，您需要将起始数组设置为承诺，然后在每次迭代时等待累加器。

const res = await resultOne.reduce(async (users, user, i) => {
  try {
    return [
      ...await users,
      { ...user, userName: await names.getNames(user.id.name) }
    ]
  } catch (error) {
    console.log(error)
  }
}, Promise.resolve([]));