Как отобразить массив объектов на странице

Question

в настоящее время это отображает массив объектов на странице. Я только хочу, чтобы он отображал имя и точки с несколькими пробелами между ними. например, Player1 25. Я не хочу ничего другого, как [] {} и т.д.

<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) ;

Answer 1

Просто переберите players и затем распределите values каждого player:

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

var demo = document.getElementById("demo");

var players = [Player1, Player2, Player3];

players.forEach(player => demo.innerHTML += "<br>" + Object.values(player).join(" "));

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

Answer 2

Вы можете инициализировать пустую строку, создать теги span и объединить результаты.Подход кода ниже в jsfiddle.

http://jsfiddle.net/trgwq7xy/

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$ ;