一个ForEach函数，用于将一个tr转换为三个to，并生成一个动态表格

// 示例数据
const data = [
  { name: 'Alice', age: 25, city: 'New York' },
  { name: 'Bob', age: 30, city: 'Los Angeles' },
  { name: 'Charlie', age: 35, city: 'Chicago' }
];

// 创建表格元素
const table = document.createElement('table');
table.border = '1';

// 添加表头
const thead = document.createElement('thead');
const headerRow = document.createElement('tr');
['Name', 'Age', 'City'].forEach(headerText => {
  const th = document.createElement('th');
  th.textContent = headerText;
  headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);

// 添加数据行
const tbody = document.createElement('tbody');
data.forEach(item => {
  const tr = document.createElement('tr');
  ['name', 'age', 'city'].forEach(key => {
    const td = document.createElement('td');
    td.textContent = item[key];
    tr.appendChild(td);
  });
  tbody.appendChild(tr);
});
table.appendChild(tbody);

// 将表格添加到页面
document.body.appendChild(table);