数组值到单元格

var users = [
  { name: 'Alice', age: 25, gender: 'female' },
  { name: 'Bob', age: 30, gender: 'male' },
  { name: 'Charlie', age: 35, gender: 'male' }
];

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Gender</th>
    </tr>
  </thead>
  <tbody id="userTableBody"></tbody>
</table>

var tableBody = document.getElementById('userTableBody');

users.forEach(function(user) {
  var row = document.createElement('tr');

  var nameCell = document.createElement('td');
  nameCell.textContent = user.name;
  row.appendChild(nameCell);

  var ageCell = document.createElement('td');
  ageCell.textContent = user.age;
  row.appendChild(ageCell);

  var genderCell = document.createElement('td');
  genderCell.textContent = user.gender;
  row.appendChild(genderCell);

  tableBody.appendChild(row);
});