Cómo usar async/await con Array.map en TypeScript?
¡Hola a todos! Soy un desarrollador TypeScript principiante y tuve un problema con el uso de async/await junto con el método `Array.map`. Estoy escribiendo una función que debe procesar un array de URLs, cargar datos de cada una y devolver un array de resultados.
Aquí está mi código en TypeScript:
```typescript
interface Post {
id: number;
title: string;
}
async function fetchPost(id: number): Promise {
const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`);
return response.json();
}
async function fetchAllPosts(ids: number[]): Promise {
return ids.map(async (id) => {
const post = await fetchPost(id);
return post;
});
}
const result = await fetchAllPosts([1, 2, 3]);
console.log(result); // ¿Qué obtendré?
```
Cuando ejecuto este código, espero obtener un array de objetos `Post`, pero en su lugar obtengo un array de promesas `Promise[]`. Entiendo que `map` no espera la finalización de las operaciones asíncronas, pero ¿cómo puedo corregirlo?
No answers yet.
Inicia sesión para dejar una respuesta