JSON 对象——语法-访问对象值-遍历对象-嵌套的 JSON 对象-修改值-删除对象属性

JSON 对象

1、对象语法

实例

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

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

JSON 对象以键/值对书写。

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

键和值由冒号分隔。

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

2、访问对象值

您可以通过使用点号（.）来访问对象值：

实例1- . 访问对象值

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

您也可以使用方括号（[]）来访问对象值：

实例2- [] 访问对象值

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

3、遍历对象

您能够通过使用 for-in 遍历对象属性：

实例1-遍历对象

var myObj, x;
myObj = {"name":"Bill Gates", "age":62, "car":null};
for (x in myObj) {
  console.log(x)
}

打印 x 结果

"name"
"age"
"car"

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

实例2-遍历对象属性值

var myObj, x;
myObj = {"name":"Bill Gates", "age":62, "car":null};
for (x in myObj) {
  console.log(myObj[x])
}

打印 myObj[x] 结果

"Bill Gates"
62
null

4、嵌套的 JSON 对象

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

实例

var myObj, x,y;

myObj = {
  "name":"Bill Gates",
  "age":62,
  "cars": {
  "car1":"Porsche",
  "car2":"BMW",
  "car3":"Volvo"
  }
};
x= myObj.cars.car2;      //  "BMW"
//或者：
y= myObj.cars["car2"];   //  "BMW"

5、修改值

您能够使用点号来修改 JSON 对象中的任何值：

实例1–点号

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

for (i in myObj.cars) {
  x += myObj.cars[i];
  
}
console.log(x)   // "PorscheMercedes BenzVolvo"

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

实例2- []

var myObj, i, x = "";
myObj = {
  "name":"Bill Gates",
  "age":62,
  "cars": {
  "car1":"Porsche",
  "car2":"BMW",
  "car3":"Volvo"
  }
}
myObj.cars["car2"] = "Mercedes Benz";

for (i in myObj.cars) {
  x += myObj.cars[i] ;
}
console.log(x)   // "PorscheMercedes BenzVolvo"

6、删除对象属性

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

实例

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] ;
}
console.log(x)   //  "PorscheBMW"