Heim >Web-Frontend >js-Tutorial >Wie sequenziere ich die Promise-Ausführung mit der Parameterübergabe aus einem Array?
Stellen Sie sich das Szenario vor, in dem Sie ein Array von Werten haben (z. B. myArray) und ein Versprechen ausführen müssen- basierte Funktion (z. B. myPromise) nacheinander und übergibt jedes Array-Element als Parameter. Wie können Sie eine „pausierbare Schleife“ implementieren, die sicherstellt, dass die Versprechen in der richtigen Reihenfolge aufgelöst werden?
Um eine sequenzielle Ausführung zu erreichen, können Sie eine Kombination aus Versprechensverkettung verwenden und iterative Verarbeitung. Hier ist ein Codeausschnitt, der zeigt, wie das geht:
myArray.reduce( (p, x) => p.then(() => myPromise(x)), Promise.resolve() )
Dieser Ansatz nutzt die Reduce-Methode, um über das Array zu iterieren und eine Reihe verketteter Versprechen zu erstellen. Jedes Versprechen wird aufgelöst, nachdem das vorherige Versprechen abgeschlossen ist, wodurch die gewünschte Ausführungsreihenfolge effektiv erzwungen wird.
Wenn Sie Unterstützung für asynchrone Funktionen haben, ist mit forEachSeries eine sauberere Lösung verfügbar Funktion:
const forEachSeries = async (iterable, action) => { for (const x of iterable) { await action(x) } } forEachSeries(myArray, myPromise)
Diese Funktion iteriert über das Array und hält bei jedem Element inne und wartet darauf, dass das Versprechen aufgelöst wird, bevor sie mit der nächsten Iteration fortfährt.
Wenn Sie die Rückgabewerte der Versprechen in einem Array sammeln müssen, können Sie die Funktion forEachSeries wie folgt ändern:
const mapSeries = async (iterable, fn) => { const results = [] for (const x of iterable) { results.push(await fn(x)) } return results }
Diese Funktion iteriert über das Array und akkumuliert die Ergebnisse der Versprechen in den Ergebnissen Array und gibt schließlich die gesammelten Ergebnisse zurück.
Das obige ist der detaillierte Inhalt vonWie sequenziere ich die Promise-Ausführung mit der Parameterübergabe aus einem Array?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!