Tengo un objeto de matriz
Quiero hacer un bucle con el método entires() y mostrar toda la score
mi código es:
const obj = [ { name: "a", score: 5 }, { name: "b",score: 8 }, { name: "c", score: 10 }, { name: "d",score: 19 } ]; const a = obj.entries(); Array.from(a).forEach((element) => { document.getElementById("p2").innerHTML += element.score; }); <p id="p2"></p> pero tengo undefinedundefinedundefinedundefined ¿cuál es la solución?
Puede probar este código, no se recomienda usar .innerHTML para editar el elemento html, es mejor append un elemento dentro:
const obj = [ { name: "a", score: 5 }, { name: "b",score: 8 }, { name: "c", score: 10 }, { name: "d",score: 19 } ]; const container = document.querySelector('#p2') for(let el of obj) { let p = document.createElement('p'); p.innerText = `${el.name} => ${el.score}`; container.appendChild(p); } Cambié un poco la salida para que sea más claro para bebug, por supuesto, puedes poner lo que quieras dentro del .innerText ;)