如何映射json数据以在Javascript表中显示

// 假设这是从服务器获取的JSON数据
var jsonData = '[{"name":"John","age":30,"city":"New York"},{"name":"Jane","age":25,"city":"London"}]';

// 将JSON字符串转换为Javascript对象
var data = JSON.parse(jsonData);

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

// 创建表头
var thead = document.createElement('thead');
var headerRow = document.createElement('tr');
var headers = Object.keys(data[0]);

headers.forEach(function(header) {
  var th = document.createElement('th');
  th.textContent = header;
  headerRow.appendChild(th);
});

thead.appendChild(headerRow);
table.appendChild(thead);

// 遍历JSON对象的每个属性
data.forEach(function(item) {
  var row = document.createElement('tr');

  // 创建表格单元格并插入属性的值
  headers.forEach(function(header) {
    var cell = document.createElement('td');
    cell.textContent = item[header];
    row.appendChild(cell);
  });

  // 将表格行添加到表格中
  table.appendChild(row);
});

// 将表格添加到HTML文档中的适当位置
document.body.appendChild(table);