亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Probleme beim Abrufen spezifischer Statistiken (Stats) von PokeAPI mit Axios und Node.js
P粉953231781
P粉953231781 2024-04-06 18:46:35
0
1
1190

Ich habe ein Problem, ich versuche, die Pokémon-API zu verwenden, aber wenn ich versuche, auf die Angriffs-, HP- und Geschwindigkeitsstatistiken zuzugreifen, werden alle Pokémon angezeigt undefined! Kann mir jemand sagen, was mit dem API-Aufruf nicht stimmt?

const axios = require('axios');

const apiPokemon = async () => { 
    try {
        const pokemons = await axios
        .get('https://pokeapi.co/api/v2/pokemon?limit=50')
        const secondUrlMap = await  pokemons.data.results.map(  pokemon  => {
            return pokemon.url
        })
        const pokemonArr = await Promise.all(secondUrlMap.map(async(url) => { 
            const urlResponse = await axios(url)
            return{
                id:urlResponse.data.id,
                name:urlResponse.data.name,
                height:urlResponse.data.height,
                weight:urlResponse.data.weight,
                hp:urlResponse.data.stats.find(stat => stat.name === 'hp')?.base_stat,
                attack:urlResponse.data.stats.find(stat => stat.name === 'attack')?.base_stat, 
                speed:urlResponse.data.stats.find(stat => stat.name === 'speed')?.base_stat,
                types:urlResponse.data.types.map((type) => type.type.name),
                img:urlResponse.data.sprites.other['official-artwork'].front_default,
            }
        }))
        return pokemonArr
    } catch (error) {
        return ({error:error.message})
    }
}

module.exports =  {
    apiPokemon,
}

Ich habe eine index.js-Datei, um den API-Empfang zu testen, und sie gibt Folgendes zurück:

const { apiPokemon } = require('./apiPokemon')

async function testApi() { 
    const pokemons = await apiPokemon()
    console.log(pokemons)
}

testApi()

API-Struktur:

P粉953231781
P粉953231781

Antworte allen(1)
P粉403549616

您當(dāng)前的代碼沒(méi)有正確考慮 JSON 結(jié)構(gòu) - 它正在數(shù)組中每個(gè)對(duì)象的根中查找 name 屬性。您需要使用 解構(gòu) 來(lái)訪問(wèn)stat 屬性直接在條件中:

hp: urlResponse.data.stats.find(({stat}) => stat.name === 'hp')?.base_stat
attack: urlResponse.data.stats.find(({stat}) => stat.name === 'attack')?.base_stat
// etc.

或者您也可以將 stat.name 更改為 stat.stat.name。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage