微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

json如何循环输出

JSON是一种轻量级的数据交换格式,它被广泛应用在Web应用程序中。在JavaScript中,我们可以使用循环来遍历JSON对象并输出其中的数据。下面是一个示例JSON对象:

{
    "name": "John","age": 30,"city": "New York"
}

json如何循环输出

我们可以使用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] 举报,一经查实,本站将立刻删除。

相关推荐