¿Cómo pasar la matriz dentro del método mientras se usa el mapa en javascript?
<ul class="details"> ${ speedRecords.map(speed => `<li>${speed.name}<span> <a href="javascript:void(0)" onclick="showModalWithTopic(${speed.name} , ${speed.topics} )">${speed.total}</a></span></li>`) .join('') } </ul> speedRecords=[ { total: 6 name: "Wolks" topics: [ { property1 : "one", property2 : "two" }, { property1 : "55", property2 : "66" }, { property1 : "11", property2 : "22" ] }, { total: 5 name: "Honda" topics: [ { property1 : "one", property2 : "two" }, { property1 : "55", property2 : "66" }, { property1 : "11", property2 : "22" ] } ] La function showModalWithTopic(name, topics){} realiza alguna otra operación, pero los temas siempre vuelven a mí como objeto Object.
Cuando observo este parámetro de método showModalWithTopic(${speed.name} , ${speed.topics}) no se crea correctamente porque contiene ('Honda' , [object Object],[object Object],[object Object] )
¿Quieres hacer algo como esto:
speedRecords= [{ total: 5, name: "Honda", topics: [{ property1 : "one", property2 : "two" }, { property1 : "55", property2 : "66" }, { property1 : "11", property2 : "22" }] }]; document.getElementById('displayElement').innerHTML = speedRecords.map(speed => `<li> ${speed.name} <span> <a href="javascript:void(0)" onclick="showModalWithTopic(${speed.name} , ${speed.topics})"> ${speed.total} </a> </span></li>`); <ul class="details"> <div id="displayElement"></div> </ul>