首页 > 解决方案 > 如何打印对象的值?

问题描述

<html>
<body>
<p id="demo"></p>

<script>

var data = [
  {'name': 'person1','location': 'NY'},
  {'name': 'person2','location': 'NY'},
  {'name': 'person3','location': 'CA'}
];

var text="";
for (var i=0; i<=2; i++) {
    text+='<div>'+data[i]+'</div>';
}


data.forEach(info => {
    document.getElementById('demo').innerHTML = text;
});
</script>
</body>
</html>

现在它正在打印[object Object]。如何显示对象的内容?我使用 forEach 方法的方法是否错误?

标签: javascriptobject

解决方案


使用对象属性而不是直接对象

for (var i=0; i<=2; i++) {
    text+='<div>'+data[i].name + ' ' + data[i].location+'</div>';
}


推荐阅读