Wie kann ich „async/await' mit „Array.map' verwenden, um asynchrone Vorgänge abzuwickeln?

Async-Await mit Array.map arbeiten lassen

Array.map ist eine leistungsstarke Methode zum Transformieren jedes Elements in einem Array. Die Verwendung mit asynchronen Vorgängen kann jedoch zu Herausforderungen führen.

Im bereitgestellten Codeausschnitt tritt der Fehler auf, weil die Ausgabe von „map“ eine Reihe von Versprechen und kein Versprechen ist. wait erwartet ein Versprechen und gibt den aufgelösten Wert zurück, aber bei einem Array gibt es das Array selbst zurück.

Um dieses Problem zu lösen, kann Promise.all verwendet werden, um das Array von Versprechen in ein einzelnes Versprechen umzuwandeln. Promise.all wartet darauf, dass alle Versprechen im Array aufgelöst werden, bevor das einzelne äußere Versprechen aufgelöst wird.

Der korrigierte Code:

var arr = [1,2,3,4,5];

var results: number[] = await Promise.all(arr.map(async (item): Promise<number> => {
    await callAsynchronousOperation(item);
    return item + 1;
}));

Diese Änderung stellt sicher, dass die Ausgabe von Array.map konvertiert wird in ein einziges Versprechen umwandeln, wodurch das kombinierte Ergebnis korrekt als Zahlenarray aufgelöst werden kann.

Das obige ist der detaillierte Inhalt vonWie kann ich „async/await' mit „Array.map' verwenden, um asynchrone Vorgänge abzuwickeln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!