Javascript - Wie man mit Loops richtig reagiert?

Question

I promises bin mit Liste der Aufgabe zu bewältigen:

Dies ist ein Beispiel von Code:

var array = ["aaa", "bbbb", "cccc", "dddd", "eeee"]; 
var result = []; 
var p = Promise.resolve({ 
    then: function(onFulfill, onReject) { 
    array.forEach(function(x){ 
    // http request with x and make sure this request ends before a new one if fired 
    // put http resolte in array : result.push(httpRespose); 
    }); 
    //when done, onFulfill(result) 
} 
}); 
p.then(
function(v) { 
    console.log(v); // "fulfilled!" 
    }, function(e) { 
     console.log(e); // not called 
}); 

Ich möchte jedes Element von Array in der Lage sein zu machen und HTTP-Anforderung verwenden, dann setzen Ergebnis in ein anderes Array und wenn Sie fertig sind, geben Sie das neue Array zurück. Ich möchte auch wissen, ob es möglich ist sicherzustellen, dass http-Ergebnisse in der gleichen Reihenfolge hinzugefügt werden (es ist nicht sehr wichtig).

Kann mir bitte jemand helfen?

Answer 1

Promise.all wird verwendet, um auf eine Reihe von Versprechen zu warten.

Jedes Mal, wenn Sie ein Versprechen erstellen, es in ein Array schieben und dann verwenden

Promise.all(myPromiseArray).then(allDoneHandler)

Hier ein Beispiel:

var items = [ 500, 1000, 1500 ]; 
 
var results = []; 
 
items.forEach((item) => { 
 
    let promise = new Promise((resolve) => { 
 
    setTimeout(() => { 
 
     console.log(item); 
 
     resolve(item); 
 
    }, item); 
 
    }); 
 
    results.push(promise); 
 
}); 
 
Promise.all(results).then(() => { 
 
    console.log('done!'); 
 
}); 
 
     

Answer 2

Um "run Versprechen" In der Reihenfolge (besonders von einem Array) können Sie dieses Muster verwenden:

var donePromise = arrayOfData.reduce(function(sequence, value, index){ 
    return sequence.then(function(){ 
     //doSomethingWithValueAndReturnAPromise 
    }) 
}, Promise.resolve()); 

aber da Sie wollen die Ergebnisse gesammelt und nicht nur ein Indikator, wenn die Arbeit erledigt ist, müssen wir das modufy:

Wir Array.map() und Promise.all() unter Verwendung der Ergebnisse zu sammeln, und eine ähnliche Ansatz wie oben die sequentielle Ausführung zu gewährleisten:

var urls = [/*...*/]; 

var _sequence = Promise.resolve(); 
Promise.all(urls.map(function(url) { 
    return _sequence = _sequence.then(function(){ 
     //fetch the url and return a Promise: 
     //return fetch(url).then(response => response.text()) 
    }); 
})).then(function(results){ 
    //console.log(results) 
});