等待并在 object 中一起返回所有已解析的 promise 值

Question

我有一个 object 我们将调用pages ，其中每个键（ typeOne ， typeTwo等...）的值是一个对象数组 - 并且 object 中的一个名为formData的键是待处理的 ZA5A3F0F287A4478982AAC520CFFE。 我想从根本上更新pages object 以便每个formData键都是承诺的解析值。

通过基本上映射pages中的每个值，我已经成功地做到了这一点 - 但是，这很慢，因为似乎在移动到下一个集合之前等待并解析每个type*的数组集，如果这有任何意义的话。

(async () => {
  let pages = {
    typeOne: [
      {
        formData: Promise<pending>
      },
      ...
    ],
    ...
  }
  ...
  for (type of _.keys(pages)) {
    pages[type] = await Promise.all(pages[type].map(async page => {
      page.formData = await page.formData;
      return page;
    })); 
  }
  ...
  // do stuff with pages
})()

是否有干净的方法来编写它，以便它立即等待所有 Promise，然后用已解决的值替换 Promise？

Answer 1

你需要两个Promise.all ； 一个迭代键，另一个嵌套一个迭代每个页面：

  const resolvedPages = {};
  await Promise.all(Object.entries(pages).map(([key, typeArr]) =>
    Promise.all(typeArr.map(
        // Wait for each individual Promise to resolve, then map to a new object
        ({ formData }) => formData.then(({ resolveValue }) => ({ formData: resolveValue }))
      )
      .then((resolvedArrOfObjs) => {
        resolvedPages[key] = resolvedArr;
      })
    )
  ))

不需要迭代库。

确保不要隐式创建全局变量，例如for (type of - 这会污染全局 scope 或在严格模式下抛出错误。