Javascript 显示数组中的值

当用户单击按钮时，我希望以下数据以以下格式显示在我的网页上：

car1-识别号：1346-宝马型

car2-识别号：1379-Holden型

等等

我该怎么做呢？ 我试过这个：

document.getElementById'message'.innerHTML=car1

但所显示的只是“[object]”

    var car1 = {id:"1346", type:"BMW"};
    var car2 = {id:"1379", type:"Holden"};
    var car3 = {id:"2580", type:"Ford"};
    var cararray = [car1, car2, car3];

---

您可以通过使用来访问汽车的信息，在本例中，使用的是.id或.type

要获得所有的汽车，您需要在cararray中循环，并在每个循环中将其添加到消息中

var car1={id:1346，type:BMW}； var car2={id:1379，type:Holden}； var car3={id:2580，type:Ford}； var cararray=[car1，car2，car3]； var消息=； 对于var i=0；i警报信息 如果您已经明确指定了不希望渲染的变量，则无法将对象转换为字符串。 您可以这样做：

document.getElementById('message').innerHTML = "id:" + car1.id + " - type " + car1.type
//Return id:1346 - type BMW

document.getElementById('message').innerHTML = JSON.stringify(car1)
//Return {"id":"1346","type":"BMW"}

或者像这样：

document.getElementById('message').innerHTML = "id:" + car1.id + " - type " + car1.type
//Return id:1346 - type BMW

document.getElementById('message').innerHTML = JSON.stringify(car1)
//Return {"id":"1346","type":"BMW"}

---

我建议您使用带项目符号的列表ul，并仅附加cararray数组中的元素

var cararray=[{id:1346，type:BMW}，{id:1379，type:Holden}，{id:2580，type:Ford}]， content=document.getElementById'message'， btn=document.getElementById'btn'； 卡拉雷，我是弗雷切夫{ var el=document.createElement'li'； el.innerHTML=`car${i+1}-id:${v.id}-type:${v.type}`； 内容提要：儿童； }; btn.addEventListener'click'函数{ content.style.display='block'； }; 保险商实验室{ 列表样式类型：无； } 披露名单

---

您可以使用循环来迭代数组并显示所需内容

变量car1={ id:1346， 类型：宝马 }; 变量car2={ 身份证号码：1379， 类型：霍尔顿 }; 变量car3={ id:2580， 类型：福特 }; var cararray=[car1，car2，car3]； 功能显示{ 让消息=； cararray.forEachcar，i=>message+=car+i+1+-id:+car.id+-type+car.type+； document.getElementById'message'.innerHTML=message； } 陈列

功能myFun { var car1={id:1346，type:BMW}； var car2={id:1379，type:Holden}； var car3={id:2580，type:Ford}； var cararray=[car1，car2，car3]； var-cart=；

---

forvar x=0；xYou需要在对象上使用JSON.stringify以文本形式显示它。我可以知道向下投票的原因吗？Divyesh：想象一下，如果你有100辆车，这段代码会是什么样子……你为什么不使用cararray？这个解决方案只是针对这个特定的问题，先生。我知道循环的概念，但理解起来可能很复杂有点question@CerbrusOP没有要求使用car数组。他给出了一个不起作用的示例，我们的解决方案解决了这个问题。向上投票选择正确的解决方案不确定为什么会被否决，因为OPs问题显示“[object object]'当使用document.getElementById'message'.innerHTML=car1.car数组不是问题的一部分1:如果您可以只使用片段，请不要使用JSFIDLE。2:您忽略了OP有多个要渲染的car的事实。@Cerbrus的答案已更改，并记录了反馈。谢谢！请注意\n如果OP要添加此messa，将不起作用“把它改成HTML@Cerbrus”Edited@Downvoter为什么？