Me gustaría saber cómo recorrer un objeto anidado sin especificar claves. Me refiero a tomar el nombre del objeto para hacer el bucle. ¿Hay algún método para lograrlo? Puedes ver en la parte inferior lo que probé. De hecho funciona, pero quiero saber si hay una manera de hacerlo sin mencionar las llaves (héroe, monstruo)
Objeto para recorrer:
const characterData = { hero: { name: "Wizard", avatar: "images/wizard.png", health: 60, diceCount: 3, currentDiceScore: [] }, monster: { name: "Orc", avatar: "images/orc.png", health: 10, diceCount: 1, currentDiceScore: [] }, }; Object.entries(characterData.hero).forEach(([key, value]) => { console.log(`${key}: ${value}`) });Primero puede iterar sobre Object.values() que, en este caso, son los objetos anidados hero , monster , etc. usando Array.prototype.forEach() , y luego su código que itera sobre Object.entries() nuevamente usando Array.prototype.forEach()
callbackFn se utilizan los corchetes Asignación de desestructuración y dentro de los literales de plantilla console.log() (cadenas de plantilla): const characterData = {hero: {name: "Wizard",avatar: "images/wizard.png",health: 60,diceCount: 3,currentDiceScore: []},monster: {name: "Orc",avatar: "images/orc.png",health: 10,diceCount: 1,currentDiceScore: []},} Object.values(characterData) .forEach(o => Object.entries(o) .forEach(([k, v]) => console.log(`${k}: ${v}`)))