Skip to main content
se eliminaron 7 caracteres en el cuerpo
Origen Enlace
DoubleM
  • 1.3k
  • 4
  • 29
  • 70

Estoy teniendo un problema estoy llamando a mi funcion getPokemons que trae información de una api, mi problema es que quiero hacer un array que al finalizar la segunda función createPokemons me retorne el arreglo generado. Pero no lo hace.

const getPokemons = async () => {
    const res = await fetch('https://pokeapi.co/api/v2/pokemon?limit=20');
    const data = await res.json();

    function createPokemon(results) {
      const pkArray = []; // Retornar este arreglo.

      results.forEach(async (pokemon) => {
        const pokeRes = await fetch(`https://pokeapi.co/api/v2/pokemon/${pokemon.name}`);
        const pokeData = await pokeRes.json();

        pkArray.push(pokeData);
      });
      
      return pkArray;
    }

    const pkData = createPokemon(data.results);
    console.log(pkData) // undefined;[];
  };

Estoy teniendo un problema estoy llamando a mi funcion getPokemons que trae información de una api, mi problema es que quiero hacer un array que al finalizar la segunda función createPokemons me retorne el arreglo generado. Pero no lo hace.

const getPokemons = async () => {
    const res = await fetch('https://pokeapi.co/api/v2/pokemon?limit=20');
    const data = await res.json();

    function createPokemon(results) {
      const pkArray = []; // Retornar este arreglo.

      results.forEach(async (pokemon) => {
        const pokeRes = await fetch(`https://pokeapi.co/api/v2/pokemon/${pokemon.name}`);
        const pokeData = await pokeRes.json();

        pkArray.push(pokeData);
      });
      
      return pkArray;
    }

    const pkData = createPokemon(data.results);
    console.log(pkData) // undefined;
  };

Estoy teniendo un problema estoy llamando a mi funcion getPokemons que trae información de una api, mi problema es que quiero hacer un array que al finalizar la segunda función createPokemons me retorne el arreglo generado. Pero no lo hace.

const getPokemons = async () => {
    const res = await fetch('https://pokeapi.co/api/v2/pokemon?limit=20');
    const data = await res.json();

    function createPokemon(results) {
      const pkArray = []; // Retornar este arreglo.

      results.forEach(async (pokemon) => {
        const pokeRes = await fetch(`https://pokeapi.co/api/v2/pokemon/${pokemon.name}`);
        const pokeData = await pokeRes.json();

        pkArray.push(pokeData);
      });
      
      return pkArray;
    }

    const pkData = createPokemon(data.results);
    console.log(pkData) // [];
  };
Origen Enlace
DoubleM
  • 1.3k
  • 4
  • 29
  • 70

Problema con foreach dentro de un async await

Estoy teniendo un problema estoy llamando a mi funcion getPokemons que trae información de una api, mi problema es que quiero hacer un array que al finalizar la segunda función createPokemons me retorne el arreglo generado. Pero no lo hace.

const getPokemons = async () => {
    const res = await fetch('https://pokeapi.co/api/v2/pokemon?limit=20');
    const data = await res.json();

    function createPokemon(results) {
      const pkArray = []; // Retornar este arreglo.

      results.forEach(async (pokemon) => {
        const pokeRes = await fetch(`https://pokeapi.co/api/v2/pokemon/${pokemon.name}`);
        const pokeData = await pokeRes.json();

        pkArray.push(pokeData);
      });
      
      return pkArray;
    }

    const pkData = createPokemon(data.results);
    console.log(pkData) // undefined;
  };