JSON学习笔记-4

最新推荐文章于 2025-11-29 03:46:46 发布

转载最新推荐文章于 2025-11-29 03:46:46 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/RichardWG/p/9606754.html

文章标签：

#json #移动开发

本文深入讲解了如何在JavaScript中操作JSON数组，包括访问数组元素、遍历嵌套内容、处理嵌套对象中的数组以及修改和删除数组元素的方法。通过实例演示了如何使用for循环和DOM操作来展示和操作复杂的数据结构。

JSON 数组

1.访问数组

1.一次访问一个嵌套内容值
var myObj, x;
myObj = {
    "name":"网站",
    "num":3,
    "sites":[ "Google", "Runoob", "Taobao" ]
}
x = myObj.sites[0];
document.getElementById("demo").innerHTML = x;
输出内容：
Google


2.改进：遍历嵌套内容值

var myObj, x;
myObj = {
"name":"网站",
"num":3,
"sites":[ "Google", "Runoob", "Taobao" ]
}

x = myObj.sites[0];

for(x in myObj.sites){
document.getElementById("demo").innerHTML += myObj.sites[x]+ "<br>";

  }

输出内容：
Google
Runoob
Taobao

2.嵌套JSON对象中的数组


<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;