如何将 JS promise 转换为另一个 object

Question

所以我有一个需要多次调用的异步 function 。 当然，我想使用 Promise.all

const promises = [];
ids.forEach((id) => {
  stockoutPromises.push(
    asyncFunc(id),
  });
});
results[] = Promise.all(promises);

好的，没问题，但我怎么知道哪个 id 与哪个结果对应？ 当然我可以再次遍历 arrays ，但是还有其他方法吗？ 有没有一种方法可以创建一个 promise ，当解决后给我一个包含 id 和结果的 object ？

谢谢！

Answer 1

将.then链接到asyncFunc的调用上，以便生成的项不仅是asyncFunc结果，而且是它和 object 中的 ID：

ids.forEach((id) => {
  stockoutPromises.push(
    asyncFunc(id).then(result => ({ id, result }))
  );
});

但最好在循环中使用.map而不是.push ：

const results = await Promise.all(
  ids.map(id =>
    asyncFunc(id).then(result => ({ id, result }))
  )
);
const firstItem = results[0];
console.log(firstItem.result, firstItem.id);

Answer 2

Promise.all的结果将按照它们最初的顺序（在承诺数组中）。 因此，您只需使用索引即可轻松重新关联：

 // zip takes an array of keys, and an array of values, and creates an object: const zip = (a, b) => Object.fromEntries(a.map((k, i) => [k, b[i]])); // first id will resolve last, second will resolve next, etc. const ids = [0, 1, 2, 3, 4]; const promises = ids.map((i) => new Promise((resolve) => { setTimeout(() => resolve(i), 700 - (100 * i)); })); // but we still get the correct item in each spot, because of how // Promise.all works: (async () => { console.log(zip(ids, await Promise.all(promises))); })()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all ：

返回值将按照 Promises 传递的顺序排列，无论完成顺序如何。

Answer 3

代替使用forEach ，使用map ：

const promises = ids.map((id) => {
    return asyncFunc(id)
});
const results = await Promise.all(promises);

map将根据提供的 function 返回的内容返回一个新的对象数组。 在您的情况下，您正在调用asyncFunc ，我假设它返回 promise 本身。 因此，您可以直接返回map的结果，而无需推送到新的 Promise 数组。

此外，请确保“等待”对Promise.all的调用；

您可以在这个 jsfiddle中查看它，它只是让asyncFunc返回一个 promise ，它将ids数组中的 id 加倍。