Javascript 使用什么方法访问阵列中的多个对象？

我是javascript新手，还在学习

因此，我正在构建一个项目，在这个项目中，我想向DOM显示一个多对象，并将其放入一个数组中。 我不确定使用什么方法访问数组中的对象

<div class="container">
    <div class="hero">
        <h2>List of Names</h2>
    </div>

    <ul class="name-list"></ul>
</div>

名单

这是我的js文件：

const nameList = document.querySelector('.name-list');

//List of Names
const john = {
    name: 'john',
    car: 'fiat',
    address: 'new york'
}
const mike = {
    name: 'mike',
    car: 'toyota',
    address: 'sydney'
}
const greg = {
    name: 'greg',
    car: 'nissan',
    address: 'melbourne'
}

//Store list of names in an array
const allNames = [
    john,
    mike,
    greg
]

function displayName (){

    //Not sure what methods to use to     
    return `
        <li>
            <p>Name: ${allNames.name}</p>
            <p>Car: ${allNames.car}</p>
            <p>Address: ${allNames.address}</p>
        </li>
    `
}

const nameList=document.querySelector（'.name list'）；
//名单
康斯特约翰={
姓名：'约翰'，
汽车：“菲亚特”，
地址：“纽约”
}
康斯特麦克={
名字：“迈克”，
汽车：“丰田”，
地址：悉尼
}
常数greg={
姓名：“格雷格”，
汽车：“日产”，
地址：墨尔本
}
//在数组中存储名称列表
常量所有名称=[
厕所，
迈克，
格雷格
]
函数displayName（）{
//不确定要使用什么方法来
返回`

名称：${allNames.Name}

汽车：${allNames.Car}

地址：${allNames.Address}


`
}

所以我想显示DOM中的所有对象。 是否需要先将对象放入数组中？我使用什么方法返回文件中的列表？或者您知道更简单的方法来显示DOM中的所有对象吗

---

非常感谢您的帮助。

也许您可以尝试以下方式：

函数showNameList（）{
常量所有名称=[
{
姓名：'约翰'，
汽车：“菲亚特”，
地址：“纽约”
},
{
名字：“迈克”，
汽车：“丰田”，
地址：悉尼
},
{
姓名：“格雷格”，
汽车：“日产”，
地址：墨尔本
}
]
var namelist=allNames.map（函数（t，i）{
返回`Name:${t.Name}
Car:${t.Car}
地址：${t.Address}

`；
})
document.getElementById（'name-list'）.innerHTML=
“
”+姓名列表。加入（“
”）+“
”
}
showNameList（）

名单

使用地图功能显示它们：

const values=allNames.map（项=>{
返回(

名称：${item.Name}

汽车：${item.Car}

地址：${item.Address}


)
})

名单

{values}

您似乎假设OP使用JSX，但从他的问题中我只能看出他使用的是模板文本