js json table中

// 假设有以下JSON数据
let jsonData = [
  { "name": "张三", "age": 28, "city": "北京" },
  { "name": "李四", "age": 34, "city": "上海" },
  { "name": "王五", "age": 45, "city": "广州" }
];

// 创建表格并填充数据
function createTableFromJson(data) {
  let table = document.createElement('table');
  let thead = document.createElement('thead');
  let tbody = document.createElement('tbody');

  // 创建表头
  let headerRow = document.createElement('tr');
  Object.keys(data[0]).forEach(key => {
    let th = document.createElement('th');
    th.textContent = key;
    headerRow.appendChild(th);
  });
  thead.appendChild(headerRow);

  // 创建表格主体
  data.forEach(item => {
    let row = document.createElement('tr');
    Object.values(item).forEach(value => {
      let cell = document.createElement('td');
      cell.textContent = value;
      row.appendChild(cell);
    });
    tbody.appendChild(row);
  });

  table.appendChild(thead);
  table.appendChild(tbody);
  return table;
}

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

try {
  let parsedData = JSON.parse(jsonString);
} catch (e) {
  console.error('JSON解析失败:', e);
}