javascript 循环并打印一组对象

Posted 2021-05-04

var students = [ 
  { 
   name: 'Dave',
    track: 'Front End Development',
    achievements: 158,
    points: 14730
  },
  {
    name: 'Jody',
    track: 'iOS Development with Swift',
    achievements: '175',
    points: '16375'
  },
  {
    name: 'Jordan',
    track: 'PHP Development',
    achievements: '55',
    points: '2025'
  },
  {
    name: 'John',
    track: 'Learn WordPress',
    achievements: '40',
    points: '1950'
  },
  {
    name: 'Trish',
    track: 'Rails Development',
    achievements: '5',
    points: '350'
  }
];

function print(message) {
  var outputDiv = document.getElementById('output');
  outputDiv.innerHTML = message;
}

var html = '';

for (var i=0; i<students.length; i++){
  html += '<h2>Student: ' + students[i].name + '</h2>';
  html += '<p>Track: ' + students[i].track + '</p>';
  html += '<p>Achievements: ' + students[i].achievements + '</p>';
  html += '<p>Points: ' + students[i].points + '</p>';
}

print(html);