使用 pokeapi JAVASCRIPT 访问对象信息

Question

嘿，我只是想使用 pokeapi API 和 vanilla javascript 来做典型的 pokedex 我只是将每个 pokemon 信息返回到一个对象中并且它正在工作，但我没有不知道如何访问对象的属性我正在尝试访问数组，但它 returns 我未定义我不知道如何在控制台上打印每个 Pokemon 名称。

这是我获取信息的方式：

let pokemonarray = []
const getPokemonAxios = async () => {
  for (let i = 1; i <= 5 ; i++) {
    try {
      const res = await axios(`https://pokeapi.co/api/v2/pokemon/${i}`);
      const pokemon = res.data;
      pokemonarray.push({ ...pokemon }) 

    } catch (error) {
      console.log(error)
    }
  }
}

const poke = getPokemonAxios()

console.log(pokemonarray)

这是当我打印 pokemonarray 时在控制台上显示的内容我不知道如何 console.log 在此对象上添加名称或类型等元素。

Answer 1

pokemonarray 是一个可迭代对象，因此您可以使用 forEach 循环遍历数组，然后访问并记录您感兴趣的属性

pokemonarray.forEach((pokemon) => {
    console.log(pokemon.name)
    })

这将记录每个口袋妖怪的名字

使用 pokeapi JAVASCRIPT 访问对象信息

Access to object info using the pokeapi JAVASCRIPT

javascript

object

fetch-api

axios

pokeapi