json字符串怎么循环输出到表格

在开发过程中，我们经常需要将JSON字符串的内容输出到表格中。下面我们介绍一种简单的方法来实现这个功能。

首先，我们需要将JSON字符串转换为JavaScript对象。可以使用内置的JSON对象中的parse()方法来完成这个转换操作：

var json = '{"name":"Tom","age":18}';
var obj = JSON.parse(json);

这样，obj对象就包含了JSON字符串对应的JavaScript对象。接下来，我们可以通过循环来遍历这个对象的所有属性：

var table = document.createElement("table");
var tr = document.createElement("tr");
for(var key in obj){
   var th = document.createElement("th");
   th.innerHTML = key;
   tr.appendChild(th);
}
table.appendChild(tr);   

代码中通过document.createElement()方法创建了一个table元素，然后创建了一个tr元素。然后在循环中，通过创建th元素并设置innerHTML来创建表头。

接下来，我们可以再次循环来遍历对象中的所有属性，并输出到表格的每一行中：

for(var key in obj){
   var tr = document.createElement("tr");
   var td_name = document.createElement("td");
   var td_value = document.createElement("td");
   td_name.innerHTML = key;
   td_value.innerHTML = obj[key];
   tr.appendChild(td_name);
   tr.appendChild(td_value);
   table.appendChild(tr);
}

代码中通过创建tr元素和两个td元素来创建表格的每一行。然后分别设置td元素的innerHTML来显示该属性的名称和对应的值。最后，将每一行添加到table元素中。

最后，将table元素添加到页面中的某个元素中，就可以把JSON字符串输出为表格的形式了：

document.getElementById("table_container").appendChild(table);

其中，table_container指的是页面中的一个元素，可以是一个div或者其他标签。