如何将json值转换为html表

// JSON数据
var jsonData = '[{"name":"John","age":30,"city":"New York"},{"name":"Jane","age":25,"city":"London"}]';

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

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

// 创建表头
var thead = document.createElement('thead');
var headerRow = document.createElement('tr');
for (var key in data[0]) {
  var th = document.createElement('th');
  th.textContent = key;
  headerRow.appendChild(th);
}
thead.appendChild(headerRow);
table.appendChild(thead);

// 添加表格内容
var tbody = document.createElement('tbody');
data.forEach(function(obj) {
  var row = document.createElement('tr');
  for (var key in obj) {
    var td = document.createElement('td');
    td.textContent = obj[key];
    row.appendChild(td);
  }
  tbody.appendChild(row);
});
table.appendChild(tbody);

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