在从我的承诺/功能返回之前等待 forEach 完成

Question

我正在使用 Firebase Cloud Firestore，但是，我认为这可能更多是 JavaScript 异步与同步承诺返回问题。

我正在执行一个查询以从一个集合中获取 ID，然后循环遍历该查询的结果以根据该 ID 从另一个集合中查找单个记录。

然后我想将每条找到的记录存储到一个数组中，然后返回整个数组。

results.length 始终为 0，因为 return results 在 forEach 完成之前触发。如果我从 forEach 内部打印 results.length 它有数据。

在从外部承诺和外部函数本身返回之前，我如何才能等到 forEach 完成？

          getFacultyFavoritesFirebase() {
            var dbRef = db.collection("users").doc(global.user_id).collection("favorites");
            var dbQuery = dbRef.where("type", "==", "faculty");
            var dbPromise = dbQuery.get();
            var results = [];
            return dbPromise.then(function(querySnapshot) {
                querySnapshot.forEach(function(doc) {
                  var docRef = db.collection("faculty").doc(doc.id);
                  docRef.get().then(function(doc) {
                    if (doc.exists) {
                        results.push(doc);
                    }
                  })
                });
                console.log(results.length);
                return results;
            })
            .catch(function(error) {
                console.log("Error getting documents: ", error);
            });
          }

原文由 AdamG 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这里的技巧是用承诺而不是结果来填充 results 。然后，您可以对该承诺数组调用 Promise.all() 并获得所需的结果。当然，您无法在推送承诺之前检查 doc.exists ，因此您需要处理一次 Promise.all() 解决。例如：

 function getFacultyFavoritesFirebase() {
    var dbRef = db.collection("users").doc(global.user_id).collection("favorites");
    var dbQuery = dbRef.where("type", "==", "faculty");
    var dbPromise = dbQuery.get();
    // return the main promise
    return dbPromise.then(function(querySnapshot) {
        var results = [];
        querySnapshot.forEach(function(doc) {
            var docRef = db.collection("faculty").doc(doc.id);
            // push promise from get into results
            results.push(docRef.get())
        });
        // dbPromise.then() resolves to  a single promise that resolves
        // once all results have resolved
        return Promise.all(results)
    })
    .catch(function(error) {
        console.log("Error getting documents: ", error);
    });
}

getFacultyFavoritesFirebase
.then(results => {
    // use results array here and check for .exists
}

原文由 Mark 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您有来自循环的多个工作项要同时执行，您可以从所有工作项中收集所有承诺，并等待它们全部完成 Promise.all() 。可能的解决方案的一般形式如下所示：

 const promises = []  // collect all promises here
items.forEach(item => {
    const promise = item.doWork()
    promises.push(promise)
})
Promise.all(promises).then(results => {
    // continue processing here
    // results[0] is the result of the first promise in the promises array
})

您可以将其调整为适合您自己特定形式的东西。

原文由 Doug Stevenson 发布，翻译遵循 CC BY-SA 3.0 许可协议