JSON是一种轻量级的数据交换格式,它被广泛应用在Web应用程序中。在JavaScript中,我们可以使用循环来遍历JSON对象并输出其中的数据。下面是一个示例JSON对象:
{ "name": "John","age": 30,"city": "New York" }
我们可以使用for-in循环来遍历JSON对象。
var obj = { "name": "John","city": "New York" }; for (var key in obj) { console.log(key + ": " + obj[key]); }
name: John age: 30 city: New York
我们也可以使用forEach()方法来遍历JSON对象。
var obj = { "name": "John","city": "New York" }; Object.keys(obj).forEach(function(key) { console.log(key + ": " + obj[key]); });
name: John age: 30 city: New York
在以上示例中,我们使用console.log()来输出JSON对象的键和值,但是我们也可以将它们输出到HTML页面上。下面的代码以表格的形式输出JSON对象的数据:
var obj = { "name": "John","city": "New York" }; var table = document.createElement("table"); for (var key in obj) { var row = table.insertRow(); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = key; cell2.innerHTML = obj[key]; } document.body.appendChild(table);
上面的代码创建一个表格,并将JSON对象的键和值添加到表格中。在HTML页面上,将显示以下内容:
name | John |
age | 30 |
city | New York |
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。