确保使用* of遍历对象时创建的<td>元素的设置数量

// 假设我们有一个包含学生信息的对象数组
const students = [
  { name: '张三', age: 18, grade: 'A' },
  { name: '李四', age: 20, grade: 'B' },
  { name: '王五', age: 19, grade: 'A' }
];

// 获取表格元素
const table = document.getElementById('table');

// 使用for...of循环遍历学生对象数组
for (const student of students) {
  // 创建一个新的表格行
  const row = document.createElement('tr');

  // 创建并设置学生姓名的<td>元素
  const nameCell = document.createElement('td');
  nameCell.textContent = student.name;
  row.appendChild(nameCell);

  // 创建并设置学生年龄的<td>元素
  const ageCell = document.createElement('td');
  ageCell.textContent = student.age;
  row.appendChild(ageCell);

  // 创建并设置学生成绩的<td>元素
  const gradeCell = document.createElement('td');
  gradeCell.textContent = student.grade;
  row.appendChild(gradeCell);

  // 将新的表格行添加到表格中
  table.appendChild(row);
}