Este codigo funciona:
async function pokemons(){
let pokemons = []
let res = await fetch("https://pokeapi.co/api/v2/pokemon")
let json = await res.json()
for (let i = 0; i < json.results.length; i++) {
let res = await fetch(json.results[i].url)
pokemon = await res.json()
pokemons.push(pokemon)
}
console.log(pokemons);
let Final = pokemons.map(el =>
[el.name, el.sprites.front_default])
console.log(Final);
}
pokemons()
Como deberia hacer para obtener el resultado sin usar el settimeout, no logro darme cuenta donde poner asyn/await, o porque el ultimo then no espera al resultado de los anidados...
let pokemons = []
fetch("https://pokeapi.co/api/v2/pokemon")
.then(res => res.json())
.then(json => {
json.results.forEach(el => {
fetch(el.url)
.then(res => res.json())
.then(json => {
let pokemon = {
nombre: json.name,
imagen: json.sprites.front_default
};
pokemons = [...pokemons, pokemon]
})
})
})
.then(pokemons => console.log(pokemons))
setTimeout(() => {
console.log(pokemons);
}, 1000);