TLDR: no puede usar variables con notación de puntos.
Principalmente me importa la teoría de por qué no podemos buscar el valor de un objeto en función de una clave generada dinámicamente (a menos que lo esté haciendo mal). Si escribo estáticamente game.team1 , busca el valor perfectamente bien, sin embargo, si la clave se genera dinámicamente game.key , devuelve undefined . Sé que podemos buscarlo usando el accesor de corchetes game[key] , pero ¿por qué no podemos hacerlo usando el accesor de puntos? ¿Lo que da? ¿No debería game.key en la primera iteración del ciclo evaluar a game.team1 y luego buscar la clave en el objeto?
const game = { team1: 'Bayern Munich', team2: 'Borrussia Dortmund', players: [ [ 'Neuer', 'Pavard', 'Martinez', 'Alaba', 'Davies', 'Kimmich', 'Goretzka', 'Coman', 'Muller', 'Gnarby', 'Lewandowski', ], [ 'Burki', 'Schulz', 'Hummels', 'Akanji', 'Hakimi', 'Weigl', 'Witsel', 'Hazard', 'Brandt', 'Sancho', 'Gotze', ], ], score: '4:0', scored: ['Lewandowski', 'Gnarby', 'Lewandowski', 'Hummels'], date: 'Nov 9th, 2037', odds: { team1: 1.33, x: 3.25, team2: 6.5, }, }; for (const [idx, scorer] of Object.entries(game.scored)) { console.log(`Goal #${Number(idx) + 1}: ${scorer}`); } for (const [key, odd] of Object.entries(game.odds)) { console.log(game.team1); // works -> Bayern Munich, console.log( `${ key === 'x' ? `Odd of draw: ${odd}` : `Odd of victory ${game.key}: ${odd}` }` ); // doesn't work -> Undefined }Cuando se usa la notación de puntos ( object.property ), las propiedades solo pueden ser alfanuméricas (y _ y $), no pueden comenzar con un número y no pueden contener variables. Es por eso que su ejemplo game.key no funciona.
En la notación entre paréntesis ( object[property] ), los identificadores de propiedad deben ser una cadena y está bien usar espacios, cadenas que comienzan con números y variables que hacen referencia a una cadena. Como en su ejemplo, la key es una variable que hace referencia a una cadena, funciona.
Consulte: Accesores de propiedad y Quickie de JavaScript: notación de puntos frente a notación de corchetes