5、JSON对象

5、JSON对象

实例

{ "name":"Bill Gates", "age":62, "car":null }

JSON 对象被花括号 {} 包围。

JSON 对象以键/值对书写。

键必须是字符串，值必须是有效的 JSON 数据类型（字符串、数字、对象、数组、布尔或 null）。

键和值由冒号分隔。

每个键/值对由逗号分隔。

访问对象值

使用点号（.）或者方括号（[]）来访问对象值

myObj =  { "name":"Bill Gates", "age":62, "car":null };
x = myObj.name;  //.


myObj =  { "name":"Bill Gates", "age":62, "car":null };
x = myObj["name"];  //[]

遍历对象

使用 for-in 遍历对象属性：

在 for-in 循环中，请使用***括号标记法***来访问属性值：

myObj =  { "name":"Bill Gates", "age":62, "car":null };
for (x in myObj) {
   document.getElementById("demo").innerHTML  += myObj[x];
}


输出：
Bill Gates
62
null

嵌套的 JSON 对象

一个 JSON 对象中的值可以是另一个 JSON 对象。

myObj =  {
   "name":"Bill Gates",
   "age":62,
   "cars": {
	  "car1":"Porsche",
	  "car2":"BMW",
	  "car3":"Volvo"
   }
}

通过使用点号和括号访问嵌套的 JSON 对象：

x = myObj.cars.car2;

//或者：

x = myObj.cars["car2"];

修改值

使用点号或方括号来修改 JSON 对象中的任何值：

myObj.cars.car3 = "Mercedes Benz";
//或者：
myObj.cars["car3"] = "Mercedes Benz";

删除对象属性

使用 delete 关键词来删除 JSON 对象的属性：

delete myObj.cars.car1;

<script>
var myObj, i, x = "";
myObj = {
  "name":"Bill Gates",
  "age":62,
  "cars": {
  "car1":"Porsche",
  "car2":"BMW",
  "car3":"Volvo"
  }
}
delete myObj.cars.car3;

for (i in myObj.cars) {
  x += myObj.cars[i] + "<br>";
}

document.getElementById("demo").innerHTML = x;
</script>

输出：
Porsche
BMW