Javascript 使用inner.HTML从给定数组创建表

我被要求创建一个只需按下一个按钮就可以排序的表格。该表应该由给定的数组创建

我不明白的是，如何在字符串中使用数组循环，以便.innerHTML函数使用给定的对象属性打印表体

main=document.getElementById（'body'）；
listArray=[{name:'Second'，value:2}，{name:'Fourth'，value:4}，{name:'First'，value:1}，{name:'Third'，value:3}]；
让showAll=（）=>{
main.innerHTML=''；
模板（列表数组）；
}
让模板=（arr）=>{
让loopArray=arr.forEach（（项）=>{return`${arr.name}${arr.value}}}）；
让html=`
名称值
`+loopArray+``；
main.innerHTML+=html；
}
showAll（）

使用

map

而不是

forEach

，这样返回的

HTML字符串就可以连接在一起并设置为表的内容。您还需要在回调中引用

项的属性，而不是
arr


main=document.getElementById（'body'）；
listArray=[{name:'Second'，value:2}，{name:'Fourth'，value:4}，{name:'First'，value:1}，{name:'Third'，value:3}]；
让showAll=（）=>{
main.innerHTML=''；
模板（列表数组）；
}
让模板=（arr）=>{
const tableContentHTML=arr
.map（（项）=>{return`${item.name}${item.value}}}）
.加入（“”）；
让html=`
名称值
`+tableContentHTML+``；
main.innerHTML=html；
}
showAll（）
我忽略了这个问题的排序部分，因为我已经被告知了。。。