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 遍历对象属性：

实例

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

亲自试一试

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

实例

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

亲自试一试

嵌套的 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";

亲自试一试

您也可以使用括号来修改 JSON 对象中的值：

实例

myObj.cars["car3"] = "Mercedes Benz";

亲自试一试

删除对象属性

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

实例

delete myObj.cars.car1;

亲自试一试

VUE