javascript - JSON中如何在JS中显示表中的所有数据

Question

我正在尝试显示表中的所有数据，但遇到了一些问题。任何人都可以帮我解决这个问题吗？提前致谢..

var obj=[
            {
                id : "01",
                name : "Bob",
                prof : "Soft Engg"
            },
            {
                id : "02",
                name : "George",
                prof : "Admin"
            },
            {
                id : "03",
                name : "Paul",
                prof : "Front End"
            }
        ];
    var x = document.createElement("table");
    x.setAttribute("id", "myTable");
    document.body.appendChild(x);

    var y = document.createElement("tr");
    y.setAttribute("id", "myTr");

    for(i=0; i<obj.length;i++) {
      document.getElementById("myTable").appendChild(y);  
      var z = document.createElement("td");
      var t = document.createTextNode(obj[i]["id"]);
      z.appendChild(t);
      document.getElementById("myTr").appendChild(z); 
    }

Demo

Answer 1

好吧，如果您想要对象列表中的所有数据，那么您需要为每个对象添加一行，并为该对象的每个属性(id、name、prof)添加一个单元格。现在您只添加一行，然后仅

有这样的事吗？ https://jsfiddle.net/n3va9cme/

var table = document.createElement("table");
table.setAttribute("id", "myTable");
document.body.appendChild(table);

for(i=0; i<obj.length;i++) {
  var row = document.createElement('tr');
  table.appendChild(row);

  for (key in obj[i]) {
    var cell = document.createElement('td');
    row.appendChild(cell);
    cell.innerHTML = obj[i][key];
  } 
}