Wie man async/await innerhalb von Array.map in TypeScript richtig verwendet
Hallo! Ich bin neu in TypeScript und versuche, asynchrone Operationen innerhalb der Array.map-Methode zu verstehen.
Ich habe ein Array mit Benutzer-IDs und möchte für jede ID die Benutzerdaten über eine API abrufen (die Funktion fetchUserData gibt ein Promise zurück). Ich habe folgenden Code geschrieben:
```typescript
const userIds: number[] = [1, 2, 3, 4, 5];
async function fetchUserData(id: number): Promise<{ name: string; age: number }> {
const response = await fetch(`https://api.example.com/users/${id}`);
return response.json();
}
// Mein Versuch
const users = userIds.map(async (id) => {
const userData = await fetchUserData(id);
return userData;
});
console.log(users); // Gibt ein Array von Promises aus, nicht die Daten!
```
Das Problem ist, dass `users` ein Array von `Promise`-Objekten ist, nicht die eigentlichen Daten.