一、介绍
这节课呢,我们来了解的是JavaScript JSON对象增删改查,
对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值,也可以是复杂数据类型的值。
JSON对象需要注意几点:
1)没有声明变量,JSON中没有变量的概念。
2)没有末尾的分号,因为它不是JavaScript语句。
3)对象的属性名必须加双引号,单引号会导致语法错误。
4)同一个对象中绝对不允许出现两个相同的属性名。
二、知识点介绍
1、对象语法
2、访问对象值
3、循环对象
4、嵌套JSON对象
5、修改值
6、删除对象属性
三、上课对应视频的说明文档
1、对象语法
实例
{ "name":"runoob", "alexa":10000, "site":null }
JSON 对象使用在大括号({})中书写。
对象可以包含多个 key/value(键/值)对。
key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。
key 和 value 中使用冒号(:)分割。
每个 key/value 对使用逗号(,)分割。
2、访问对象值
你可以使用点号(.)来访问对象的值:
实例
var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;
你也可以使用中括号([])来访问对象的值。
实例
var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj["name"];
3、循环对象
你可以使用 for-in 来循环对象的属性:
实例
var myObj = { "name":"runoob", "alexa":10000, "site":null }; for (x in
myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }
在 for-in 循环对象的属性时,使用中括号([])来访问属性的值:
实例
var myObj = { "name":"runoob", "alexa":10000, "site":null }; for (x in
myObj) { document.getElementById("demo").innerHTML += myObj[x] + "<br>"; }
4、嵌套 JSON 对象
JSON 对象中可以包含另外一个 JSON 对象:
实例
myObj = { "name":"runoob", "alexa":10000, "sites": { "site1":"www.runoob.com", "site2":"m.runoob.com", "site3":"c.runoob.com" } }
你可以使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。
实例
x = myObj.sites.site1; // 或者 x = myObj.sites["site1"];
var myObj={"name":"张三丰","age":100,"address":"武当山","obj":{"name":"张无忌","age":20,"address":"光明顶"}};
遍历嵌套循环
for(x in myObj){
document.write(myObj[x]+"<br>");
//document.write(x+"<br>");
if(x=="obj"){
for(j in myObj[x]){
document.write(myObj[x][j]+"<br>");
}
}
}
5、修改值(如果.的属性不存在就会新增)
你可以使用点号(.)来修改 JSON 对象的值:
实例
myObj.sites.site1 = "www.google.com";
你可以使用中括号([])来修改 JSON 对象的值:
实例
myObj.sites["site1"] = "www.google.com";
6、删除对象属性
我们可以使用 delete 关键字来删除 JSON 对象的属性:
实例
delete myObj.sites.site1;
你可以使用中括号([])来删除 JSON 对象的属性:
实例
delete myObj.sites["site1"]