JSON 对象(Object)

由网友 大卫 发布 阅读 6

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"
测试看看‹/›

遍历对象

我们可以使用循环遍历对象属性for-in

以下示例获取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对象删除属性。