将嵌套的JSON数据转换为HTML表

// 嵌套的JSON数据
var jsonData = {
  "employees": [
    {
      "firstName": "John",
      "lastName": "Doe",
      "email": "john@example.com"
    },
    {
      "firstName": "Jane",
      "lastName": "Smith",
      "email": "jane@example.com"
    }
  ]
};

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

// 构建表格结构
var table = document.createElement("table");
var thead = document.createElement("thead");
var tbody = document.createElement("tbody");

// 生成表头
var headerRow = document.createElement("tr");
for (var key in data.employees[0]) {
  var th = document.createElement("th");
  th.textContent = key;
  headerRow.appendChild(th);
}
thead.appendChild(headerRow);
table.appendChild(thead);

// 生成表格内容
for (var i = 0; i < data.employees.length; i++) {
  var rowData = data.employees[i];
  var row = document.createElement("tr");
  for (var key in rowData) {
    var cell = document.createElement("td");
    cell.textContent = rowData[key];
    row.appendChild(cell);
  }
  tbody.appendChild(row);
}
table.appendChild(tbody);

// 插入表格到页面
document.body.appendChild(table);