循环数组中的对象并在JavaScript中创建单独的表

var data = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'Bob', age: 35 }
];

// 创建一个空字符串，用于存储表格的HTML代码
var tableHTML = '';

// 遍历数组中的每个对象
for (var i = 0; i < data.length; i++) {
  // 获取当前对象的属性值
  var id = data[i].id;
  var name = data[i].name;
  var age = data[i].age;

  // 创建表格行，并将属性值添加到表格单元格中
  tableHTML += '<tr>';
  tableHTML += '<td>' + id + '</td>';
  tableHTML += '<td>' + name + '</td>';
  tableHTML += '<td>' + age + '</td>';
  tableHTML += '</tr>';
}

// 创建完整的表格HTML代码
var finalHTML = '<table>' + tableHTML + '</table>';

// 将表格HTML代码插入到页面中的某个元素中
document.getElementById('tableContainer').innerHTML = finalHTML;

<div id="tableContainer"></div>