Heim >Web-Frontend >js-Tutorial >Wie löst man „Typ ‚Promise[]' kann nicht dem Typ ‚Nummer[]' zugewiesen werden' bei Verwendung von Async/Await mit Array.map?

Wie löst man „Typ ‚Promise[]' kann nicht dem Typ ‚Nummer[]' zugewiesen werden' bei Verwendung von Async/Await mit Array.map?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-11 01:04:09858Durchsuche

How to Resolve

Verwenden von Async/Await mit Array.map

Beim Versuch, Async/Await mit Array.map zu verwenden, stoßen Benutzer häufig auf einen ähnlichen Fehler zu Folgendem:

"Typ 'Promise[]' kann dem Typ nicht zugewiesen werden „Anzahl[]“ Geben Sie „Versprechen“ ein. ist nicht dem Typ „Nummer“ zuweisbar.“

Dieser Fehler tritt auf, weil Wartefunktionen ein Versprechen auflösen müssen. Array.map gibt jedoch normalerweise ein Array von Versprechen anstelle eines einzelnen Versprechens zurück.

Lösung

Um dieses Problem zu beheben, konvertieren Sie das von Array zurückgegebene Array von Versprechen. Zuordnung zu einem einzelnen Promise mithilfe von Promise.all. Promise.all wird nur aufgelöst, wenn alle Promises in seinem iterierbaren Argument aufgelöst wurden.

Hier ist eine modifizierte Version des problematischen Codes:

const arr = [1, 2, 3, 4, 5];
const results: number[] = await Promise.all(arr.map(async (item): Promise<number> => {
    await callAsynchronousOperation(item);
    return item + 1;
}));

Durch die Verwendung von Promise.all wird das Array von Promises wird als einzelnes Promise aufgelöst, wodurch das Warten ordnungsgemäß funktioniert und die Meldung „Typ ‚Promise[]‘ kann dem Typ nicht zugewiesen werden“ entfällt Fehler „Nummer[]“.

Zusätzliche Optionen

Je nach konkretem Anwendungsfall sollten Sie stattdessen die Verwendung von Promise.allSettled, Promise.any oder Promise.race in Betracht ziehen von Promise.all. Allerdings ist Promise.all in der Regel in Situationen wie der oben beschriebenen die am besten geeignete Wahl.

Das obige ist der detaillierte Inhalt vonWie löst man „Typ ‚Promise[]' kann nicht dem Typ ‚Nummer[]' zugewiesen werden' bei Verwendung von Async/Await mit Array.map?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn