修改JSON数据以将其输出为HTML中的单个表

// 假设有以下JSON数据
var jsonData = [
  { "name": "John", "age": 30, "city": "New York" },
  { "name": "Alice", "age": 25, "city": "London" },
  { "name": "Bob", "age": 35, "city": "Paris" }
];

// 将JSON数据转换为HTML表格
function jsonToHtmlTable(jsonData) {
  var tableHtml = "<table>";
  
  // 生成表头
  tableHtml += "<tr>";
  for (var key in jsonData[0]) {
    tableHtml += "<th>" + key + "</th>";
  }
  tableHtml += "</tr>";
  
  // 生成表格内容
  for (var i = 0; i < jsonData.length; i++) {
    tableHtml += "<tr>";
    for (var key in jsonData[i]) {
      tableHtml += "<td>" + jsonData[i][key] + "</td>";
    }
    tableHtml += "</tr>";
  }
  
  tableHtml += "</table>";
  return tableHtml;
}

// 将表格插入到HTML页面中的某个元素中
var tableContainer = document.getElementById("table-container");
tableContainer.innerHTML = jsonToHtmlTable(jsonData);