在 foreach 循环中调用异步函数并在循环完成后返回数组

Question

我试图在 foreach 循环中从 API 请求数据并将该数据推送到一个数组，然后在最后返回该数组。这是我的代码：db            .collection('posts')            .orderBy('createdAt', 'desc')            .limit(10)            .get()            .then((data) => {                let posts = [];                data.forEach((doc) => {                    db                        .doc(`/users/${doc.data().userHandle}`)                        .get()                        .then((userDoc) => {                            posts.push({                                postId: doc.data().id,                                userHandle: doc.data().userHandle,                                userImageUrl: userDoc.data().imageUrl,                                imageUrl: doc.data().imageUrl,                            });                        })                })                return res.json(posts);            })            .catch((err) => {                console.error(err);                res.status(500).json({ error: err.code});            });由此，posts 数组返回空数组或对象，即使我将 return res.json(posts) 替换为.then(() => {return res.json(posts);})任何帮助都很棒！！！

Answer 1

该数组为空，因为在发送响应时，带有帖子的承诺仍在等待解决。

为了解决这个问题，您可以使用 收集数组中的所有承诺.map()，等待它们在 的帮助下解决，Promise.all()然后发送响应：

db

  .collection('posts')

  .orderBy('createdAt', 'desc')

  .limit(10)

  .get()

  .then((data) => {

    const promises = data.map((doc) => {

      return db

        .doc(`/users/${doc.data().userHandle}`)

        .get()

        .then((userDoc) => {

          return {

            postId: doc.data().id,

            userHandle: doc.data().userHandle,

            userImageUrl: userDoc.data().imageUrl,

            imageUrl: doc.data().imageUrl,

          };

        })

    });

    Promise.all(promises).then(posts => {

      res.json(posts);

    })

  })

  .catch((err) => {

    console.error(err);

    res.status(500).json({ error: err.code});

  });