我已经嵌套了数组,我能够检索第二级数组的承诺,但不知道如何在顶级完成后实现then
。
result.forEach(function(entity){ // outer list ???
return Promise.all(entity.urls.map(function(item){
return requestURL(item.href);
}));
});
例如,如果results
有两个或更多项,并且每个item
都有10个或更多要提取的网址,那么我们如何为所有承诺实施then
[Promise.all][1]
。原生解决方案请。
基本上以正确的方式处理嵌套的promises数组。
数据结构:
var result = [
{
urls: [
{href: "link1"},
{href: "link2"},
{href: "link3"}
]
},
{
urls: [
{href: "link4"},
{href: "link5"},
{href: "link6"}
]
}
];
答案 0 :(得分:17)
使用map
代替forEach
,并将其包含在另一个Promise.all
电话中。
var arr = [
{subarr: [1,2,3]},
{subarr: [4,5,6]},
{subarr: [7,8,9]}
];
function processAsync(n) {
return new Promise(function(resolve) {
setTimeout(
function() { resolve(n * n); },
Math.random() * 1e3
);
});
}
Promise.all(arr.map(function(entity){
return Promise.all(entity.subarr.map(function(item){
return processAsync(item);
}));
})).then(function(data) {
console.log(data);
});

您还可以使用立即调用的生成器。例如,要获得扁平的结果,
var arr = [
{subarr: [1,2,3]},
{subarr: [4,5,6]},
{subarr: [7,8,9]}
];
function processAsync(n) {
return new Promise(function(resolve) {
setTimeout(
function() { resolve(n * n); },
Math.random() * 1e3
);
});
}
Promise.all(function*() {
for(var entity of arr)
for(var item of entity.subarr)
yield processAsync(item);
}()).then(function(data) {
console.log(data);
});