JSON 基础教程

JSON 对象(Object)

JSON对象可以使用JavaScript创建。

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

JSON对象以键/值（key/value）对形式编写。

key必须是字符串，并且value必须是有效的JSON数据类型。

key和value之间用冒号（:）分隔，每个name/value对之间用逗号（,）分隔。

创建JSON对象

以下示例显示了使用JSON在JavaScript中创建对象的方法：

var myJSON = { "name":"Seagull", "age":32, "city":"New Delhi" };
测试看看

访问对象值

为了访问对象值，我们可以使用点（.）表示法：

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
myJSON.name;   // returns "Seagull"
测试看看

我们还可以使用方括号（[]）表示法访问对象值：

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
myJSON["name"];   // returns "Seagull"
测试看看

遍历对象

我们可以使用循环遍历对象属性。

以下示例获取JSON对象的每个属性名称：

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
for(let x in myJSON) {
   document.getElementById("output").innerHTML += x;
}
测试看看

以下示例获取JSON对象的每个属性值：

var myJSON = { "name":"Seagull", "age":22, "city":"New Delhi" };
for(let x in myJSON) {
   document.getElementById("output").innerHTML += myJSON[x];
}
测试看看

嵌套的JSON对象

对象可以嵌套在其他对象中。每个嵌套对象必须具有唯一的访问路径。

  var myJSON = {
  "name":"Seagull",
  "age":22,
  "pets": { 
   "type":"dog",
   "name":"Oscar"
  }
  }

我们可以使用点（.）表示法或方括号（[]）表示法来访问嵌套的JSON对象：

myJSON.pets.name;
/*** OR ***/
myJSON.pets["name"];
测试看看

修改对象值

使用点（.）表示法可修改JSON对象中的任何值：

myJSON.age = 300;
myJSON.pets.name = "Coco";
测试看看

我们还可以使用方括号（[]）表示法修改对象值：

myJSON["age"]= 300;
myJSON.pets["name"] = "Coco";
测试看看

删除对象属性

使用delete关键字从JSON对象删除属性。

delete myJSON.pets;
测试看看
JSON 数组JSON.stringify()