javascript - 如何平息 Promise.all 响应

Question

我有一个产品列表，对于每个产品，我都会调用 api 来获取产品订阅。

   const subscriptions = await Promise.all(products.flatMap((p: any) => {
        const { username, password } = p.credentials;
        return GetSubscription(username, password);
    }));
    console.log(subscriptions);

实际:

[ [ {}, {}, {}, ] ]

现在你可以看到我这里有一个双重嵌套数组，我不需要外部数组，我怎样才能展平这个数组，我假设在这里使用 flatMap 可能对我有帮助，但它没有。

预期:

[ {}, {}, {}, ]

当然，我可以简单地执行subscriptions[0]，但我会尽可能避免这种情况。

Answer 1

使用扩展运算符

async function func() {
  return 'A';
}

(async() => {
  const [...ret] = await Promise.all([
    func(),
    func(),
    func(),
  ]);

  console.log(ret);
})();

或者

async function func() {
  return 'A';
}

(async() => {
  const ret = await Promise.all([
    func(),
    func(),
    func(),
  ]);

  console.log(ret.reduce((tmp, x) => [...tmp, x], []));
})();

<小时/>

正如您在评论中所说，在 tsconfig 中指定 ES2019，您可以使用 Array.flat :

async function func() {
  return 'A';
}

(async() => {
  const ret = await Promise.all([
    func(),
    func(),
    func(),
  ]);

  console.log(ret.flat());
})();