如何将JSON数据格式化为两个html表

// 假设JSON数据存储在变量jsonData中

// 解析JSON数据
const data = JSON.parse(jsonData);

// 创建第一个表格
const table1 = document.createElement('table');

// 创建表头
const thead1 = document.createElement('thead');
const tr1 = document.createElement('tr');
for (const key in data[0]) {
  const th = document.createElement('th');
  th.textContent = key;
  tr1.appendChild(th);
}
thead1.appendChild(tr1);
table1.appendChild(thead1);

// 创建表格内容
const tbody1 = document.createElement('tbody');
data.forEach((item) => {
  const tr = document.createElement('tr');
  for (const key in item) {
    const td = document.createElement('td');
    td.textContent = item[key];
    tr.appendChild(td);
  }
  tbody1.appendChild(tr);
});
table1.appendChild(tbody1);

// 创建第二个表格（类似第一个表格的创建过程）

// 将表格插入到文档中的适当位置
document.body.appendChild(table1);
document.body.appendChild(table2);