¿Necesito ayuda para intentar acceder a los datos que se obtienen de una API? Lo único que puedo hacer es game.results que muestro más abajo. Todo lo demás que intento simplemente da como resultado "indefinido". No estoy seguro de qué más probar, es por eso que pregunto porque no tengo formas de solucionar esto.
function showGames() { const options = { method: 'GET', headers: { 'X-RapidAPI-Host': 'sportspage-feeds.p.rapidapi.com', 'X-RapidAPI-Key': '<KEY>' } }; let url = 'https://sportspage-feeds.p.rapidapi.com/games?league=NBA&date=2022-04-28'; fetch(url, options) .then(res => { return res.json(); }) .then((data) => { const games = data; let game = games; let result = `<h2> NBA GAMES</h2>`; console.log(game.results); for(let i = 0; i < game.length; i++) { thisGame = game[i]; result += ` <div> <h1>${game.results.summary}</h1> </div> `; } document.getElementById("games").innerHTML = result; }); } window.onload=showGames();Así es como se ve una de las salidas de data.results. No estoy seguro de cómo puedo acceder a los datos aquí como resumen. Intenté usar game.results.summary pero solo genera undefined.
[ { schedule: { date: '2022-04-28T23:00:00.000Z', tbaTime: false }, summary: 'Philadelphia 76ers @ Toronto Raptors', details: { league: 'NBA', seasonType: 'postseason', season: 2021, conferenceGame: true, divisionGame: true }, status: 'final', teams: { away: [Object], home: [Object] }, lastUpdated: '2022-04-29T01:38:41.138Z', gameId: 284279, venue: { name: 'Scotiabank Arena', city: 'Toronto', state: 'ON', neutralSite: false }, odds: [ [Object] ], scoreboard: { score: [Object], currentPeriod: 4, periodTimeRemaining: '0:00' } },Esta declaración en su ciclo:
game = game[i]; sobrescribe el game de matriz y lo rompe todo. Necesita una variable para usar en el ciclo que esté separada de la matriz del game :
let thisGame = game[i];