json学习-嵌套对象中数组的遍历

一时失言乱红尘 2022-04-03 10:38 407阅读 0赞

### 定义json对象 ###

var myObj={
        "name":"OY",
        "num":16110126,
        "sites":[
            {"name":"OY1","num":26,"site":["some1","any1","thing1"]},
            {"name":"OY2","num":126,"site":["some2","any2","thing2"]},
            {"name":"OY3","num":110126,"site":["some3","any3","thing3"]}
        ]
    }

### 遍历输出 ###

### 输出效果 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM4ODg0NA_size_16_color_FFFFFF_t_70]

### 学习点 ###

1.json数据的格式是：键值对（“键”:“值”），且用逗号，分隔  
2.json中的值 数字和null 不加引号  
3.json**对象用大括号\{\}** 可以存多个key/value（键/值）对，**数组用\[\]** 可以存多个值或多个对象  
4.json文件类型为.json后缀  
5.可以删除对象中的属性和修改对象中的值  
6.上例for循环中myObj\[k\]获得值value，而直接用k获得键key  
***一些笔记点***

> json 对象和 json 字符串的区别  
> json对象 ：var str2 = \{ “name”: “asan”, “sex”: “man” \};  
> json字符串：var str1 = ‘\{ “name”: “deyuyi”, “sex”: “man” \}’;

> 在使用for遍历时，只能通过 myObj\[x\] 来获取相应属性的值，而不能使用 myObj.x
> 
>     <div id="demo"></div>
>     <script>
>     var myObj = { "name":"noname", "num":126, "site":"www.csdn.com" };
>     for (x in myObj) { 
>       document.getElementById("demo").innerHTML += myObj[x] + "<br>";
>     }
>     </script>

> json 在进行通过键名来获取值时，需要特别注意一下。把键名赋值给另外一个变量，然后通过.方式去获取值。这种方式是行不通的。
> 
>     var myObj, x;
>     myObj = { "name":"noname", "num":126, "site":null };
>     x = "name";
>     document.getElementById("demo").innerHTML = myObj.x;  // 结果是 undefined
> 
> 只能通过 \[\] 方式去访问:
> 
>     var myObj, x;
>     myObj = { "name":"noname", "num":126, "site":null };
>     x = "name";
>     document.getElementById("demo").innerHTML = myObj[x];  // 结果是 noname

> json中的delete运算符并不是彻底删除元素，而是删除它的值，但仍会保留空间。delete 只是将该值置为undefined，而不会影响数组长度，即将其变为稀疏数组

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM4ODg0NA_size_16_color_FFFFFF_t_70]: /images/20220403/2b0e4e0849a64d4786d6a67915f6dc38.png