JSON的基本操作，重点访问对象值点号（.）来访问对象的值和中括号（[ ]）的区别

2024年3月9日 181次阅读 来源: estelle

访问对象值

1、你可以使用点号（.）来访问对象的值：
实例

  var myObj, x; 
  myObj = { "name":"runoob", "alexa":10000, "site":null }; 
  x = myObj.name;

2、你也可以使用中括号（[ ]）来访问对象的值：
实例

var myObj, x; 
myObj = { "name":"runoob", "alexa":10000, "site":null }; 
x = myObj["name"];

3、从功能上说，这两种方法没有任何区别。但方括号语法有一个优点：可以通过变量来访问属性，如：

var propertyName = 'name';
alert(person[propertyName]);  //gogo

json 在进行通过键名来获取值时，需要特别注意一下。
把键名赋值给另外一个变量，然后通过.方式去获取值。这种方式是行不通的。

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = "name";
document.getElementById("demo").innerHTML = myObj.x;  // 结果是 undefined

只能通过 [] 方式去访问:

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = "name";
document.getElementById("demo").innerHTML = myObj[x];  // 结果是 runoob

还有在使用for遍历时，只能通过 myObj[x] 来获取相应属性的值，而不能使用 myObj.x

总结，键名为变量时只能用 []来获取相应属性值。
还有！如果属性名中包含会导致语法错误的字符，或者属性名是关键字或者保留字，也是使用方括号表示法。如：

 var response = {
         "awards":{'105':50, '107':10,'108':5,'110':3,'111':2, '112':1}
        };
console.log(response.awards['105'])  //50
console.log(response.awards.105)  //报错

循环对象

1、你可以使用 for-in 来循环对象的属性：key
实例

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }

2、**在 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值：value
在使用for遍历时，只能通过 myObj[x] 来获取相应属性的值，而不能使用 myObj.x**

实例

var myObj = { "name":"runoob", "alexa":10000, "site":null }; 
for (x in myObj) { document.getElementById("demo").innerHTML += myObj[x] + "<br>"; }

嵌套 JSON 对象 value 可以是合法的 JSON 数据类型

1、JSON 对象中可以包含另外一个 JSON 对象：

实例

myObj = { "name":"runoob", "alexa":10000, 
    "sites": { 
    "site1":"www.runoob.com", 
    "site2":"m.runoob.com"
    } 
}

2、你可以使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。

实例

x = myObj.sites.site1; // 或者 x = myObj.sites["site1"];

修改值

1、你可以使用点号(.)来修改 JSON 对象的值：

实例

myObj.sites.site1 = "www.google.com";

2、你可以使用中括号([])来修改 JSON 对象的值：

实例

myObj.sites["site1"] = "www.google.com";

删除对象属性

1、我们可以使用 delete 关键字来删除 JSON 对象的属性：

实例

delete myObj.sites.site1;

2、你可以使用中括号([])来删除 JSON 对象的属性：

实例

delete myObj.sites["site1"]
    原文作者：estelle
    原文地址: https://segmentfault.com/a/1190000017746712
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞