从多维JSON向html表发送数据时重复

// 假设你的多维JSON数据如下：
var jsonData = [
  { name: "John", age: 25, city: "New York" },
  { name: "Jane", age: 30, city: "London" },
  { name: "John", age: 35, city: "Paris" }
];

// 创建一个空的HTML表格
var table = document.createElement("table");

// 创建表头
var thead = document.createElement("thead");
var headerRow = document.createElement("tr");
headerRow.innerHTML = "<th>Name</th><th>Age</th><th>City</th>";
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建表格行并添加数据
var tbody = document.createElement("tbody");
jsonData.forEach(function(item) {
  // 检查是否已经存在相同的数据项
  var existingRow = tbody.querySelector("tr[data-name='" + item.name + "']");
  if (!existingRow) {
    // 如果不存在相同的数据项，则创建新的表格行
    var row = document.createElement("tr");
    row.setAttribute("data-name", item.name);
    row.innerHTML = "<td>" + item.name + "</td><td>" + item.age + "</td><td>" + item.city + "</td>";
    tbody.appendChild(row);
  }
});
table.appendChild(tbody);

// 将表格插入到网页中的适当位置
document.getElementById("table-container").appendChild(table);