javascript - 每个数组元素的异步调用并等待完成

Question

这个问题已经有答案了:

Using async/await with a forEach loop (33 个回答)

已关闭 5 年前。

我发现了很多类似的问题，但没有一个具有相同的目的(或者也许我只是不明白？也可以是这样)。

我有一个元素数组，一个函数 A，它对一个元素执行异步操作并返回一个 Promise，而我正在处理的函数 B 应该为每个数组元素调用 A，并返回一个 Promise 一次所有 A 调用均已完成。我怎样才能做到这一点？相关代码:

var img = [];
img[0] = "http://www.something.com/picture0.jpg";
img[1] = "http://www.something.com/picture1.jpg";
img[2] = "http://www.something.com/picture2.jpg";
function ask(img)
    {
    return new Promise((resolve, reject) =>
        {
        if(something)
            {resolve("test");}
        else
            {reject("test");}
        }
    }
function analyze_all(img)
    {
    for(var i in img)
        {
        ask(img[i])
        .then((res) => 
            {
            ???
            })
        .catch((err) =>
            {
            ???
            });
        }
    return ???
    }

我考虑过将所有结果推送到一个列表中，如下所示:

function analyze_all(img)
    {
    var ret = [];
    for(var i in img)
        {
        ask(img[i])
        .then((res) => 
            {
            ret.push({image: img[i], data: res});
            })
        .catch((err) =>
            {
            ret.push({image: img[i], error: err});
            });
        }
    return ???
    }

但是我如何知道所有异步调用何时完成？请帮忙!

<小时/>

已解决。另外，如果有人有类似的需求并且想要拥有所有“返回”值，无论他们是解决还是拒绝，我建议检查以下链接: https://nmaggioni.xyz/2016/10/13/Avoiding-Promise-all-fail-fast-behavior/

Answer 1

您的方向是正确的，请使用Promise.all:

function analyze_all(img) {
    var ret = [];
    for(var i in img) {
        ret.push( 
          ask(img[i]).then((res) => {
            // something
          })
          .catch((err) => {
            // something
          })
        )
    }
    return Promise.all(ret);
}