用JS forEach实现多维数组到html表的转换

// 示例多维数组
const data = [
  ['Alice', 24, 'Engineer'],
  ['Bob', 30, 'Designer'],
  ['Charlie', 28, 'Manager']
];

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

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

// 填充表格数据
data.forEach(rowData => {
  const row = document.createElement('tr');
  rowData.forEach(cellData => {
    const cell = document.createElement('td');
    cell.textContent = cellData;
    row.appendChild(cell);
  });
  table.appendChild(row);
});

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