位置:电子教程 > JSON教程 (如果看不到内容请使用360浏览器) 推荐学习资源
JSON 简介
JSON 语法
JSON 对象
JSON 数组
JSON.parse()
JSON.stringify()转字符串
eval函数
当前阅读教程:JSON教程 > 嵌套 JSON 对象中的数组
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 数组的循环访问 下一篇: 修改数组值

JSON 对象中数组可以包含另外一个数组,或者另外一个 JSON 对象:

实例

myObj = {

"name":"网站",

"num":3,

"sites": [

{ "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },

{ "name":"Runoob", "info":[ "菜鸟教程", "菜鸟工具", "菜鸟微信" ] },

{ "name":"Taobao", "info":[ "淘宝", "网购" ] }

]

}

我们可以使用 for-in 来循环访问每个数组:

实例

for (i in myObj.sites) {

x += "<h1>" + myObj.sites[i].name + "</h1>";

for (j in myObj.sites[i].info) {

x += myObj.sites[i].info[j] + "<br>";

}

}

完整实例

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>JS中文教程网 8939.org</title>

</head>

<body>

 

<p>循环内嵌数组</p>

<p id="demo"></p>

    

<script>

var myObj, i, j, x = "";

myObj = {

    "name":"网站",

    "num":3,

    "sites": [

        { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },

        { "name":"Runoob", "info":[ "菜鸟教程", "菜鸟工具", "菜鸟微信" ] },

        { "name":"Taobao", "info":[ "淘宝", "网购" ] }

    ]

}

for (i in myObj.sites) {

    x += "<h1>" + myObj.sites[i].name + "</h1>";

    for (j in myObj.sites[i].info) {

        x += myObj.sites[i].info[j] + "<br>";

    }

}

document.getElementById("demo").innerHTML = x;

</script>

 

</body>

</html>

效果如图8-4-3

image.png




上一篇: 数组的循环访问 下一篇: 修改数组值
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)