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

时间:2018-05-02 17:56:51

标签: javascript arrays node.js asynchronous promise

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

我有一个元素数组,一个函数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/

1 个答案:

答案 0 :(得分:2)

您走在正确的轨道上,使用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);
}