JSON对象花样进阶

JSON 对象使用在大括号{ }中书写。
对象可以包含多个 key/value（键/值）对。
key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
key 和 value 中使用冒号(:)分割。
每个 key/value 对使用逗号(,)分割。

示例：

{ “name”:“zjcopy”, “since”:2017, “site”:null }

访问对象值

1，使用点号（.）如：x = myObj.name;
2，使用中括号（[]）如：x = myObj[“name”];

循环对象

使用 for-in 来循环对象的属性。

for (x in myObj) {
document.getElementById(“demo”).innerHTML += x + “
”;
}

在 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值：

for (x in myObj) {
document.getElementById(“demo”).innerHTML += myObj[x] + “
”;
}

修改值

myObj.name = “画布网”; 或者 myObj[“name”]=" 画布网";

删除值

delete myObj.name ; 或者 delete myObj[“name”];

效果图：
在这里插入图片描述

HTML 示例

							<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>大剑师兰特</title>
</head>
<body>

<h3>使用 for-in 来循环获得对象的属性:</h3>
<p id="attr"></p>
<h3>使用 for-in 来循环获得对象的属性值:</h3>
<p id="val"></p>

<script>
var myObj = {
    
     "name":"zjcopy", "since":2017, "site":null };

myObj.name = "大剑师兰特";  //修改值 
delete  myObj.site ;    //删除数对

for (x in myObj) {
    
    
    document.getElementById("attr").innerHTML += x + "<br>";
}
for (y in myObj) {
    
    
    document.getElementById("val").innerHTML += myObj[y] + "<br>";
}

</script>
</body>
</html>

访问对象值

循环对象

修改值

删除值

猜你喜欢