如何打印对象的值？ [复制]答案

【问题标题】：How to print values of an object? [duplicate]如何打印对象的值？ [复制]
【发布时间】：2020-06-27 00:23:04
【问题描述】：

<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 方法的方法是否错误？

【问题讨论】：

text+='<div>'+data[i]+'</div>'; 这不会为您提供属性值，您必须指定要访问的属性，例如text+='<div>'+data[i].name+'</div>'; 或使用.location

标签： javascript object

【解决方案1】：

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

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

【讨论】：