如何让一个返回 promise 的函数在 forEach 循环中正常工作？

Question

由于返回 Promise 的函数是异步的，你将如何在 forEach 循环中使用它？ forEach 循环几乎总是会在 promise 返回函数获取或操作的数据完成其数据操作之前完成。

这是我遇到此问题的一些代码示例。

        var todaysTopItemsBySaleFrequency = [];

        listOfItemIdsAndSaleFrequency.forEach((item) => {

            Product.findById(item.itemId).then((foundItem) => {

                var fullItemData = foundItem.toJSON();

                fullItemData.occurrences = item.occurrences;

                todaysTopItemsBySaleFrequency.push(fullItemData);

            });

        });

        return res.status(200).json(todaysTopItemsBySaleFrequency);

名为 todaysTopItemsBySaleFrequency 的数组以空的形式发送回客户端。 findById 是一个返回 promise 的 mongoose 函数，因此在将响应发送回客户端时它不会完全填充数组。

Answer 1

您不能使用forEach 循环，因为它仅适用于不返回任何内容的函数。如果他们返回某些东西或对其作出承诺，您将不得不使用map 循环。然后你可以在结果上使用Promise.all，即promise数组：

Promise.all(listOfItemIdsAndSaleFrequency.map(item => 
    Product.findById(item.itemId).then(foundItem => {
       var fullItemData = foundItem.toJSON();
       fullItemData.occurrences = item.occurrences;
       return fullItemData;
    })
)).then(todaysTopItemsBySaleFrequency => {
    res.status(200).json(todaysTopItemsBySaleFrequency);
})

Answer 2

这是一个使用 AngularJS 的示例。这个想法是在你的 foreach 循环中建立一个 promise 数组，然后使用 $q 服务来调用它们 ($q.all(promiseArray))

                    var promiseArray = [];
                    for (var i = 0; i < someArray.length; i++) {

                        var request = $http({
                            method: 'GET',
                            url: url,
                        });
                        promiseArray.push(request);
                    }
                    $q.all(promiseArray).then(function (data) {
                        //when all prmises are finished
                    }, function (err) {

                        console.log(err);
                    });