JSON:
关于JSON,最重要的是要理解它是一种数据格式,不是一种编程语言。虽然JSON与JavaScript具有相同的语法形式与JSON具有相同的语法形式,但JSON并不从属于JavaScript,很多编程语言都有针对JSON的解析器
1)json可以表示的类型:
--简单值:使用与JavaScript相同的语法,可以在json中表示字符串,数值,布尔值,和null。但json不支持JavaScript中的特殊值undefined
--对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值,也可以是复杂数据类型值。
--数组:数组也是一种复杂数据类型,表示一组有序值的列表,可以通过数值索引,来防伪其中的值。数组的值也可以是任意类型——简单值,对象或数组
JSON不支持变量,函数或者对象实例
1.简单值:是JSON最简单的数据形式,如:数字 5 ,字符串:"hello word!"
javascript字符串与JSON字符串相比最大的区别在于:JSON字符串必须使用双引号(单引号会导致语法错误),
布尔值和null也是有效的JSON形式。但在实际中json多用于表示复杂的数据形式,所以简单值在实际应用较少。
2.对象:
JSON中的对象与JavaScript中的对象稍微有些不同。
区别1:JSON中的对象要求给属性加上 双引号,JavaScript中对象字面量表示可以不给属性加 双引号
JavaScript中对象字面量表示为:
var person={
name:"yuafn", //可以不给属性name加 双引号
age:20
};
但JSON中的对象要求给属性加上 双引号,实际上JavaScript中对象的字面量表示完全可以由JSON中的对象表示方法代替
var person={
"name":"yuafn",
"age":20
};
区别2:JSON中没有变量的概念,所以并没有声明变量。其次,没有末尾的分号,
JSON表示上述对象为:
{
"name":"nike",
"age":20,
"Mon":{
"name":"nisa",
"age":45
}
}
3.数组:
JSON数组采用的就是JavaScript中的数组字面量形式。
JavaScript中数组字面量:var arr=[21,"nike",false];
JSON中数组表示:[20,"nike",true]
注:与JSON对象一样,没有变量的声明,末尾没有分号。
把数组和对象结合起来,可以表示更加复杂的数据集合
[
{
"title":"JavaScript高级程序设计",
"anothors":[
"Nicholas"
],
"edition":3,
"year":2011
},
{
"title":"JavaScript高级程序设计",
"anothors":[
"Nicholas"
],
"edition":2,
"year":2009
},
{
"title":"JavaScript高级程序设计",
"anothors":[
"Nicholas"
],
"edition":1,
"year":2006
}
]
2)解析与系列化
我们都知道可以使用JavaScript中的eval()函数解析json,返回JavaScript对象或者数组
因为JSON 文本格式在语法上与创建JavaScript对象的代码相同。
由于这种相似性,无需解析器,JavaScript程序能够使用内建的eval()函数,用JSON数据来生成原生的JavaScript对象。
实际上,eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。所以使用JSON解析器较为安全。
其实,JSON对象也有自己的方法可以把JSON数据结构解析为有用的JavaScript对象,
1.JSON对象
ES5定义了全局对象JSON。支持这个对象的浏览器有:IE8+,FF,Chrome,Opera
JSON对象的两个解析两个方法:
--JSON.stringify():序列化作用,把JavaScript对象系列化为JSON字符串,
--JSON.parse():解析作用,把JSON字符串解析为原生JavaScript值(对象,或数组)
--JSON.stringify():
var book={
title:"JavaScript高级程序设计",
anothors:[
"Nicholas"
],
edition:3,
year:2011
};
var toJsonText=JSON.stringify(book);
说明:上面的例子使用 JSON.stringify() 把一个JavaScript对象解析成一个JSON字符串,然后将它保存在变量toJsonText中,
默认情况下,JSON.stringify() 输出的JSON字符串不包含任何空格字符或缩进,因此保存在变量toJsonText中的字符串为:
{"title":"JavaScript高级程序设计","anothors":["Nicholas"],"edition":3,"year":2011}
--JSON.parse():
将JSON字符串直接传递给 JSON.parse() 就可以得到相应的JavaScript值
var bookCopy=JSON.parse(toJsonText); //可以创建与book类似的对象
补充:当创建的JavaScript对象为一个数组对象时,也可以使用
var book=[{
title:"JavaScript高级程序设计",
anothors:[
"Nicholas"
],
edition:3,
year:2011
}];
var toJsonText=JSON.stringify(book); //是个JSON字符串
alert(toJsonText);
var arr=eval(toJsonText); //eval()转换为对象或数组
for (var i = 0; i < arr.length; i++) {
alert(arr[i].title);
}
var bookCopy=JSON.parse(toJsonText); //参数必须为一个JSON字符串,否则会出错
alert(bookCopy[0].title);
2.序列化选项:
JSON.stringify()除了要序列化JavaScript对象以外,还接受两个参数,这两个参数用于指定以不同的方式序列化JavaScript对象。
所以JSON.stringify()一个可接受三个参数,第一个是要序列化的JavaScript对象,
第二个参数:是个过滤器,可以是个数组,也可以是个函数
1.当第二个参数为数组时,那么 JSON.stringify() 的结果中只包含数组中列出的属性
var book={
title:"JavaScript高级程序设计",
anothors:[
"Nicholas"
],
edition:3,
year:2011
};
var toJsonText=JSON.stringify(book,["title","edition"]);
说明:toJsonText变量中保存的是:{"title":"JavaScript高级程序设计","edition":3}
2.当第二个参数为函数时,传入的函数接收两个参数,属性名(键名)和属性值,根据属性名可以知道应该如何处理要序列化对象中的属性。
属性名只能是字符串,而在属性值并非键值对儿结果时,属性名可以是空字符串。
如果函数返回了undefined那么相应的属性就会被忽略。
var book={
title:"JavaScript高级程序设计",
anothors:[
"Nicholas"
],
edition:3,
year:2011
};
var toJsonText=JSON.stringify(book,function(key,value){
switch(key){
case "another":
return value.join(","); //如果键为"another",那么将数组连接成字符串
case "year":
return 5000;
case "edition":
return undefined; //返回了undefined那么相应的属性就会被删除
default:
return value;
}
});
说明:函数过滤器根据传入的键来决定结果。当函数运行时,传入对象book中的
每一个键-值对儿将作为参数传进函数,而函数的返回值就是对应键的值。
所以最后的JSON字符串为:
{"title":"JavaScript高级程序设计","anothors":"Nicholas","year":5000}
第三个参数:是一个可选的选项,表示是否在返回的JSON字符串中保留缩进。
1.如果第三个参数是一个数字,表示的是每个级别缩进的空格数
var book={
title:"JavaScript高级程序设计",
anothors:[
"Nicholas"
],
edition:3,
year:2011
};
var toJsonText=JSON.stringify(book,null,4);
结果为:
{
"title":"JavaScript高级程序设计",
"anothors":[
"Nicholas"
],
"edition":3,
"year":2011
}
说明:我们可以看到,结果不仅缩进了四个空格,而且也结果字符串中换了行,其实只要传入了有效的控制缩进的参数,结果JSON字符串字符串就会包含换行符(只缩进不换行意义不大),最大缩进空格数为10,所有大于10的值会自动转换为10。
2.如果参数是一个字符串,而非数值,则这个字符串将在转换后的JSON字符串中用作缩进字符,和数字类似
3.解析选项:
JSON.parse() 也会接收另外一个参数,该参数为函数(又称还原函数),和JSON.stringify() 接受函数参数时类似,都是在每个键值对上面调用。
同样,如果函数返回undefined,表示要从结果中删除相应的键和属性,如果返回其他值,则表示该值插入到结果中。
将日期字符串转换为Date()对象时,经常用到还原函数
var book={
title:"JavaScript高级程序设计",
anothors:[
"Nicholas"
],
edition:3,
year:2011,
releaseDate:new Date(2016,3,12)
};
var toJsonText=JSON.stringify(book);
var copyBook=JSON.parse(toJsonText,function(key,value){
if(key=="releaseDate"){
return new Date(value);
}else{
return value;
}
});
alert(copyBook.releaseDate.getFullYear()); //2016
说明:上面代码先为book对象新增一个releaseDate属性,属性值为Date()对象,这个对象经过序列化之后变成一个JSON字符串,然后经过解析又在
copyBook还原一个Date()对象,所以能够调用该属性中的getFullYear()方法。