一:下面是一个 包含几个属性的简单JSON对象:
(1):
var myObj={
"name":"wang",
"url":"https://endl.club",
"site":"123465"
}
以下我们通过点"."与中括号"[]"来操作JSON对象
//通过点的方式来访问JSON对象中的属性值;
console.log(myObj.name);
console.log(myObj.url);
console.log(myObj.site);
//通过中括号来访问JSON对象中的属性值
console.log(myObj["name"]);//注意中括号里的属性名用双引号括起来
console.log(myObj["url"]);
console.log(myObj["site"]);
下面我们对于对象的属性进行循环:
//循环对象的属性
for(i in myObj){
console.log("myObj对象的属性:"+i);
}
//(错误方法实例)循环对象的属性值,测试是否能使用点来访问,(测试结果不能)
for(i in myObj){
console.log("使用点访问的属性值:"+myObj.i);//不能访问出结果,不能使用点在循环中访问属性值 ;
}
//循环对象的属性时,测试使用中括号来访问中括号的值
for(i in myObj){
console.log("使用中括号访问JSON的属性值:"+myObj[i]);
}
(2):下面是一个嵌套的JSON对象
{
"name":"wangshicheng",
"age":20,
"sex":"man",
"sites":{
"site1":"www.baidu.com",
"site2":"www.hao123.com",
"site3":"www.souhu.com"
}
}
我们通过点"."与中括号"[]"来操作嵌套的JSON对象
//使用点或者中括号来访问嵌套的JOSN对象
console.log("使用点访问的JSON中嵌套的JSON对象属性值:"+myObj.sites.site1);
console.log("使用点访问的JSON中嵌套的JSON对象的属性值:"+myObj.sites.site2);
console.log("使用点访问的JSON中的嵌套的JSON对象的属性值:"+myObj.sites.site3);
//使用中括号访问嵌套的JSON对象
console.log("使用中括号访问的JSON中的嵌套的JSON对象的属性值:"+myObj.sites["site1"]);
console.log("使用中括号访问的JSON中的嵌套的JSON对象的属性值:"+myObj.sites["site2"]);
console.log("使用中括号访问的JSON中的嵌套的JSON对象的属性值:"+myObj.sites["site3"]);
我们通过点"."与中括号"[]"来修改嵌套的JSON对象的属性值
//修改值(通过点修改的)
myObj.sites.site2="haErBin";
console.log(myObj.sites.site2);
//修改值(通过中括号进行修改)
myObj.sites["site1"]="hello world!";
console.log(myObj.sites["site1"]);
我们通过点"."与中括号"[]"来删除嵌套的JSON对象的属性值
//(删除对象的属性;(通过点进行删除)
console.log("删除属性前:"+myObj.name);
delete myObj.name;
console.log("删除属性后:"+myObj.name);
//删除对象的属性(通过中括号进行删除)
console.log("删除对象属性前:"+myObj["sex"]);
delete myObj["sex"];
console.log("删除对象属性后:"+myObj["sex"]);
console.log(myObj["sites"]["site1"]);
delete myObj["sites"]["site1"];
console.log(myObj["sites"]["site1"]);
console.log(myObj.sites.site2);
delete myObj.sites.site2;//注意在删除属性的时候,要删除哪个属性就在delete
//关键字后面加上哪个属性;
console.log(myObj.sites.site2);
三:JSON数组的操作
(1)下面是一个简单的JSON数组
var myObj={
"name":"网站",
"num":3,
"sites":["Google","Endl","baidu"]
}
循环JSON数组(分别使用for-in语句,for语句)
//循环数组(for-in)
for(i in myObj.sites){
console.log(myObj.sites[i]);
}
//循环数组(for语句)
for(var i=0;i<myObj.sites.length;++i){
console.log(myObj.sites[i]);
}
(2):下面是一个嵌套的JSON数组
var myObj={
"name":"网站",
"num":2,
"sites":[
{"name":"Goole","infor":["Android","Goole搜索","Goole翻译"]},
{"name":"baidu","infor":["123","456","789"]},
{"name":"Endl","infor":["age","sex","height"]}
]
}
循环JSON对象中的数组(分别使用for-in语句与for语句)
//循环JSON对象的中的数组(for-in循环)
for(i in myObj.sites){//这里循环的是sites
for(j in myObj.sites[i].infor){//注意你循环的是谁,这里是infor
console.log(myObj.sites[i].infor[j]);
}
}
//循环JSON对象中的数组(for语句循环)
for(var i=0;i<myObj.sites.length;++i){
console.log("这是第"+(i+1)+"次循环");
for(var j=0;j<myObj.sites[i].infor.length;++j){
console.log(myObj.sites[i].infor[j]);
}
}
三:下面是我的一些总结:
*使用JSOn:
读取JSON字符串
用eval()处理JSON字符串
*JSON语法规则
数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组
*JSON名称/值对
JSON数据的书写格式是 :名称/值对;
名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值;
"name":"wangshicheng"
等价于javascript语句:name="wanchicheng";
*JOSN值:
数字(整数或者浮点数)
字符串(在双引号中)
逻辑值(true或者false)
数组(在中括号中)
对象(在大括号中)
null
*JSON数字
JSON数字可以是整形或者浮点型;
{"age":30}
*JOSN对象
JSON对象在大括号({})中书写
对象可以包含多个名称/值对
{"name":"wangshicheng","url":"https://endl.club"}
等价于javascript语句:
name="wangshicheng"
url="https://endl.club"
*JSON数组
JOSN数组在中括号中书写
数组可以包含多个对象
//注意写法
{
"sites":[
{"name":"wang","url":"123465"},
{"name":"shi","url":"789465"},
{"name":"cheng","url":"456132"}
]
}
*JSON的布尔值
JOSN布尔值可以是true或者false;
{"flag":true}
*JOSN null
JOSN可设置null值
{"wang":null}
*JSON文件
JSON文件的文件类型是".json"
JOSN文本的MIME类型是"application/json"
*JSON对象的对象语法
JSON对象在大括号中书写
对象可以包含多个key/value(键值对)
Key必须是字符串,value可以是合法的JSON数据类型(字符串,数字,布尔值,null,对象,数组)
key和value中使用冒号(:)分割
每个key/value(键值对)使用逗号分隔;
*JOSN对象访问对象值
(1):使用点的方式访问
var myObj,x;
myObj={"name":"wang","site":"https://endl.club"};
x=myObj.name;
(2):使用[]的方式访问
var myObj,x;
var myObj={"name":"shicheng","site":"https://endl.club"};
x=myObj["name"];
*循环对象
(1):使用for-in来循环对象的属性,使用点的方式访问
var myObj={"name":"wangshicheng","url":"htpps://endl.club"};
for(x in myObj){
document.getElementById('demo').innerHTMl+=x+"<br>";
}
(2):使用for-in循环对象的属性时,使用中括号[]来访问属性的值
var myObj={"name":"wang","url":"https://endl.club"};
for(x in myObj){
document.getElementById('demo').innerHTMl+=myObj[x]+"<br>";
}
*嵌套JSON对象
JSON对象中可以包含另外一个JSON对象;
使用点或者中括号来访问嵌套的JSON对象
myObj={
"name":"wang",
"url":"https://endl.club",
"sites":{
"site1":"1233",
"site2":"46565",
"site3":"79898"
}
}
//访问方式
x=myObj.sites.site1;
y=myObj.sites.["site2"];
*修改JSON对象的值
//使用点来修改JSON对象的值
myObj.sites.site1="www.hao123.com";
//使用中括号来修改JSON对象的值
myObj.sites[site1]="www.baidu.com";
*删除对象的属性
//使用delete关键字来删除JSON对象的属性;
delete myObj.sites.site1;
//使用 中括号来删除JSON对象的属性
delete myObj.sites["site1"];