JSON的基本操作,重点访问对象值点号(.)来访问对象的值和中括号([ ])的区别

51次阅读

共计 1764 个字符,预计需要花费 5 分钟才能阅读完成。

访问对象值
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”]

正文完
 0