Javascript 如何在页面上显示对象数组

当前，这将在页面上显示一个对象数组。我只希望它显示名称和点之间有一些空格。例如，player125。我不想要任何像[]{}等的东西

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

<script>

Player1 = { name: 'Player1', points: 25 };
Player2 = { name: 'Player2', points: 50 };
Player3 = { name: 'Player3', points: 14 };

players = [Player1, Player2, Player3];

document.getElementById("demo").innerHTML = JSON.stringify(players) ;

Player1={name:'Player1'，点数：25}；
Player2={name:'Player2'，点数：50}；
Player3={name:'Player3'，点数：14}；
players=[Player1，Player2，Player3]；
document.getElementById（“demo”）.innerHTML=JSON.stringify（播放器）；

---

您可以初始化空字符串，创建span标记并连接结果。下面是JSFIDLE中的一种代码方法

Player1={name:'Player1'，点数：25}；
Player2={name:'Player2'，点数：50}；
Player3={name:'Player3'，点数：14}；
players=[Player1，Player2，Player3]；
html$=''；
用于（var键入玩家）{
html$+=''+玩家[key].name+'，'+玩家[key].points+''；
}
document.getElementById（“demo”）.innerHTML=html$；

只需在

玩家中循环，然后传播每个
玩家的
值
：


var Player1={
名称：'Player1'，
积分：25
};
变量Player2={
名称：'Player2'，
分数：50
};
变量Player3={
名称：'Player3'，
积分：14
};
var demo=document.getElementById（“demo”）；
var players=[Player1，Player2，Player3]；
players.forEach（player=>demo.innerHTML+=“
”+Object.values（player.join）（”）
为什么不在对象上循环并通过键访问所需的属性？
Player1 = { name: 'Player1', points: 25 };
Player2 = { name: 'Player2', points: 50 };
Player3 = { name: 'Player3', points: 14 };

players = [Player1, Player2, Player3];

html$ = '';
for(var key in players){
 html$ += '<span>'+players[key].name+', '+ players[key].points+'</span> ';
}

document.getElementById("demo").innerHTML = html$ ;