如何使用javascript将此json数据转换为html表？

// 示例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 headerRow = document.createElement('tr');

// 遍历第一个对象的属性，创建表头单元格
for (var key in data[0]) {
  var headerCell = document.createElement('th');
  headerCell.innerText = key;
  headerRow.appendChild(headerCell);
}

// 将表头行添加到表格中
table.appendChild(headerRow);

// 遍历数据对象数组，创建数据行和单元格
data.forEach(function(obj) {
  var row = document.createElement('tr');
  
  // 遍历每个对象的属性，创建数据单元格
  for (var key in obj) {
    var cell = document.createElement('td');
    cell.innerText = obj[key];
    row.appendChild(cell);
  }
  
  // 将数据行添加到表格中
  table.appendChild(row);
});

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