Javascript 为什么我不能使用JS显示所有数组对象

Javascript 为什么我不能使用JS显示所有数组对象,javascript,Javascript,const demo=document.querySelector('.demo'); 警察人员=[ {姓名:“阿披实”,年龄:20岁,体重:“52公斤”}, {姓名:“阿卡什”,年龄:21岁,体重:“70公斤”}, {姓名:“安基特”,年龄:20岁,体重:“68公斤”}, {姓名:“Shubham”,年龄:19岁,体重:“60公斤”}, {姓名:“苛刻”,年龄:19岁,体重:“80公斤”}, ]; 人员。forEach(功能(人员){ const data=JSON.stringify(per

const demo=document.querySelector('.demo');
警察人员=[
{姓名:“阿披实”,年龄:20岁,体重:“52公斤”},
{姓名:“阿卡什”,年龄:21岁,体重:“70公斤”},
{姓名:“安基特”,年龄:20岁,体重:“68公斤”},
{姓名:“Shubham”,年龄:19岁,体重:“60公斤”},
{姓名:“苛刻”,年龄:19岁,体重:“80公斤”},
];
人员。forEach(功能(人员){
const data=JSON.stringify(person);
demo.innerHTML=数据;
})

文件
学习Javascript

以下行有问题:

demo.innerHTML = data;
替换为以下内容,您将看到所有内容

demo.innerHTML += "\n" + data;

您正在使用forEach循环,然后使用
=
,替换
演示中先前的值。您应该计算值。

问题在于以下行:

demo.innerHTML = data;
替换为以下内容,您将看到所有内容

demo.innerHTML += "\n" + data;

您正在使用forEach循环,然后使用
=
,替换
演示中先前的值。您应该更改值。

当您使用demo.innerHTML=data时,您正在覆盖以前的分配;要继续追加,请使用demo.innerHTML+=数据;除此之外,除非您使用HTML,否则您最好在此处使用
innerText
,或者某些数据会破坏页面……或者如果您使用
textContent()
方法来附加更多数据,则效果更好。当您使用demo.innerHTML=data时,您将覆盖以前的分配;要继续追加,请使用demo.innerHTML+=数据;除此之外,除非您使用HTML,否则最好在此处使用
innerText
,或者某些数据会破坏页面……或者如果您使用
textContent()
方法附加更多数据,效果会更好。