JSON与XML都是结构化数据的表现方式。
回忆一下XML,
1、创建xml 文档对象,用来存放加载xml文档,或解析字符串后的结果。
2、将XML字符串解析,即将xml字符串解析成为XML DOM文档,对文档内容的访问与修改还需要使用DOM方法。
3、将xml DOM文档序列化为xml字符串。
JSON呢?
JSON(JavaScript Object Notation:js对象表示法)利用javascript中的一些模式,来表示结构化的数据。不是一门编程语言,只是一种数据格式。也并不是只有js才使用JSON,很多编程语言都有针对JSON这种数据的格式的解析器和序列化器。
[
{
"title":"a",
"num":1,
"height":178
},
{
"title":"b",
"num":2,
"height":188
},
{
"title":"c",
"num":3,
"height":198
}
]
上面这种表示方法,很眼熟,当我们以对象字面量的表示法创建对象,或者数组的时候就是这样,不同的是,每个键值都被双引号括起来,例如"num":1
。且没有分号结尾。
JSON语法
JSON语法是js语法的一部分,JSON语法可以表示以下三种类型的值,简单值:可以在json中表示字符串、数值、布尔值和null,但是不能表示undefined。
对象:无序的键值对,例如上面展示的数组里的每一个对象。
数组:有序的值的列表。
最常用的json数据格式就是上面粘的那段代码。
观察,会发现json并没有声明变量的语句,所以通过加载json文件或者解析json格式的字符串生成一个js对象,可以将结果赋给一个变量,然后通过该变量,以js语法的格式访问。对比xml要解析成dom文档,要简单的多。解析以及序列化
-
解析
- 解析加载的.json文件
这个需要等到学习ajax时候才可以了解。 - 解析json格式的字符串
- 早期的JSON解析器就是使用eval()函数,来解析解释返回javascript对象和数组。但是这个方法不那么安全,可能会执行一些恶意代码。
var json='[{"title":"a","num":1},{"title":"b","num":2}]';
alert(typeof json);//string
var box=eval(json);
alert(typeof box);//object - 全局对象:JSON,该对象有两个方法,分别用来解析以及序列化。
但是只有IE8+、Firefox3.5+、Safari4+、chrome、Opera10.5+支持。对于较早的版本可以在加载一个外部文件:json.js,来新建一个JSON对象(去网上下载)。
var json='[{"title":"a","num":1},{"title":"b","num":2}]';
var box=JSON.parse(json);
alert(box[0].num);//1
该方法还接受一个参数,该参数是一个函数,将在每个键值对上调用。
var json='[{"title":"a","num":1},{"title":"b","num":2}]';
var box=JSON.parse(json,function(key,value){
switch (key){
case "title":
return "Miss "+value;
case "num":
return value;
default :
return value
}
});
alert(box[0].title)//Miss a
- 早期的JSON解析器就是使用eval()函数,来解析解释返回javascript对象和数组。但是这个方法不那么安全,可能会执行一些恶意代码。
- 解析加载的.json文件
-
序列化
var json='[{"title":"a","num":1},{"title":"b","num":2}]';
var box=JSON.parse(json);
alert(JSON.stringify(box)); //打印字符串
事实上,JSON的方法stringfy还有其他的参数,第一个餐宿是一个过滤器,可以是一个数组,也可以是一个我函数,第二个参数是一个选项,表示是否在json字符串中保留缩进。单独或组合使用均可以。第一个参数
【如果是数组】JSON.stringify()将只包含数组中列出的选项。
var json='[{"title":"a","num":1,"height":177},{"title":"b","num":2,"height":188}]';
var box=JSON.parse(json);
alert(JSON.stringify(box,['num',"height"]));//[{"num":1,"height":177},{"num":2,"height":188}]
【如果是函数】函数的第一个参数key表示键值,第二个参数value表示键值对应的属性
var json='[{"title":"a","num":1,"height":177},{"title":"b","num":2,"height":188}]';
var box=JSON.parse(json);
var jsontext=JSON.stringify(box,function(key,value){
switch(key){
case "title":
return "《"+value+"》";
case "num":
return 0;
case "height":
return value;
default:
return value;
}
});
alert(jsontext)第二个参数用于控制结果中的缩进和空白符。可以是数值,代表缩进的空格数,如果是字符,代表缩进填充的字符
var json='[{"title":"a","num":1},{"title":"b","num":2}]';
var box=JSON.parse(json);
alert(JSON.stringify(box,null,4));
如果第三个参数需要,但第二个参数不需要,就直接传一个null就可以。toJSON()方法
可以为任何对象添加这个方法,当把该对象作为参数残递给JSON.stringify()时,会自动调用toJSON这个方法,并将该方法放回的对象进行序列化。
var json=[
{
title:'a',
num:1,
height:177,
toJSON:function(){
return {title:this.title,num:this.num};
}
},
{
title:'b',
num:2,
height:177,
toJSON:function(){
return {title:this.title,num:this.num};
}
},
{
title:'c',
num:3,
height:177,
toJSON:function(){
return {title:this.title,num:this.num};
}
}
];
var jsontext=JSON.stringify(json);
alert(jsontext)
还必须额外了解一下,序列化该对象的顺序。如果存在该方法,那么优先执行该方法,如果还存在过滤器参数,那么在对该方法返回的结果进行过滤。