JSON

JSON

一、语法

(一).相关概念

1. 关于JSON，最重要的是要理解它是一种数据格式，不是一种编程语言
2. 很多编程语言都有针对JSON的解析器和序列化器
3. JSON是JavaScript的一个严格的子集，利用了JavaScript中的一些模式来表示结构化数据
4. 可以把JSON直接传给eval()，而且不必创建DOM对象

(二).语法

1.JSON的语法可以表示以下三种类型的值

1. 简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined
2. 对象：对象作为一种复杂数据模型，表示的是一组无序的键值对。而每个键值对中的值可以是简单值，也可以是复杂数据类型的值
3. 数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型——简单值、对象或数组

2. JSON不支持变量、函数或对象实例，它就是一种表示结构化数据的格式，虽然与JavaScript中表示的某些语法相同，但它并不局限于JavaScript的范畴

(三).简单值

1. 最简单的JSON数据形式就是最简单的值
2. JavaScript字符串与JSON字符串的最大区别在于，JSON字符串必须使用双引号（单引号会导致语法错误）
3. 布尔值和null也是有效的JSON形式。但是，在实际应用中，JSON更多地用来表示是更复杂的数据结构，而简单值只是整个数据结构中的一部分

//下面是JSON表示数值5的方式

5

//下面是JSON表示字符串的方式

"Hello world!"

(四 ).对象

下面是一个JavaScript中的对象字面量

var person={
	name:"Nicholas",
	age:29
};

/*这虽然是开发人员在JavaScript中创建字面量的标准方式，但JSON中的对象要求给属性加引号。*/

实际上，在JavaScript中，前面的对象字面量也可以写成下面的这样：

var object={
	"name":"Nicholas",
	"age":29
};

JSON表示上述对象的方式如下

{
	"name":"Nicholas",
	"age":29
}

/*与JavsScript的对象字面量相比，JSON对象有两个不同。首先，没有声明变量(JSON中没有变量的概念)。其次，没有末尾的分号(因为这个不是JavaScript语句，所以不需要分号)。对象的属性必须加双引号，这在JSON中是必须的。*/

属性的值可以是简单值，也可以是复杂类型值，因此可以在在对象中 嵌入对象

{
	"name":"Nicholas",
	"age":29,
	"school":{
		"name":"Merrimack College",
		"location":"North Andover,MA"
	}
}

/*这个例子在顶级对象中嵌入了("school")信息。虽然两个"name"属性，但由于它们分别属于不同的对象，因此这样完全没有问题。不过，同一个对象中绝对不应该出现两个同名属性*/

(五).数组

1. JSON中的第二种复杂数据类型是数组。JSON数组采用的就是JavaScript中的数组字面量形式。例如：var values=[25,"hi",true]
2. 在JSON中，可以采用同样的语法表示同一个数组[25,"hi",true]
3. JSON数组也没有变量和分号。把数组和对象结合起来，可以构成更复杂的数据集合

[
	{
		"title":"Professional JavaScript",
		"authors":[
			"Nicholas C. Zakes"
		],
		"edition":3,
		"year":2011
	},
	{
		"title":"Professional JavaScript",
		"authors":[
			"Nicholas C. Zakes"
		],
		"edition":2,
		"year":2009
	},
	{
		"title":"Professional Ajax",
		"authors":[
			"Nicholas C. Zakes"，
			"Jeremy McPeak",
			"Joe Fawcett"
		],
		"edition":2,
		"year":2008
	},
	{
		"title":"Professional Ajax",
		"authors":[
			"Nicholas C. Zakes"
		],
		"edition":1,
		"year":2007
	},
	{
		"title":"Professional JavaScript",
		"authors":[
			"Nicholas C. Zakes"
		],
		"edition":1,
		"year":2006
	},
]

/*这个数组中包含一些表示图书的对象。每个对象都有几个属性，其中一个属性是"authors",这个属性的值又是一个数组。
对象和数组通常是JSON数据结构的最外层形式(当然，这不是强制规定的)，利用它们能够创造出各种各样的数据结构*/

二、解析与序列化

(一).相关概念

1. JSON之所以流行，拥有与JavaScript类似的语法并不是全部的原因
2. 可以把JSON数据结构解析为有用的JavaScript对象
3. 与XML数据结构要解析为DOM文档而且从中提取数据较为麻烦相比，JSON可以解析为JavaScript对象的优势极其明显

(二).JSON对象

1.相关概念

1. 早期的JSON解析器基本上就是使用JavaScript的eval()函数
2. 由于JSON是JavaScript语法的子集，因此eval()函数可以解析、解释并返回JavaScript对象和数组
3. ECMAScript 5对解析JSON的行为进行规范，定义了全局对象JSON。支持这个对象的浏览器有IE 8+、Firefox 3.5+、Safari 4+、Chrome和Opera 10.5 +。 对于较早版本的浏览器，可以使用一个shim:https://github.com/douglascrockford/JSON-js
4. 在旧版本的浏览器中，使用eval()对JSON数据结构求值存在分析，因为可能会执行一些恶意代码。对于不能原生支持JSON解析的浏览器，使用这个shim是最佳选择

2.stringify()

1. stringify()把一个JavaScript对象序列化为一个JSON字符串
2. 默认情况下，JSON.stringify()输出的JSON字符串不包含任何空格字符或缩进
3. 在序列化JavaScript对象时，所有函数及原型成员都会被有意忽略，不体现在结果中。此外，值为undefined的任何属性都会被跳过。结果中最终都是值为有效JSON数据类型JSON数据类型的实例属性

var book={
	title:"Professional JavaScript",
	authors:[
		"Nicholas C. Zake"
	],
	edition:3,
	year:2011
};
var jsonText=JSON.stringify(book);

/*这个例子使用JSON.stringify()把一个JavaScript对象序列化为一个JSON字符串,然后将它保存在JSONText中。默认情况下，JSON.stringify()输出的JSON字符串不包含任何空格字符或缩进，因此保存在jsonText中的字符串如下所示：{"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,"year":2011}*/

3.parse()

1. 将JSON字符串直接传递给JSON.parse()就可以得到相应JavaScript值
2. 如果传给JSON.parse()的字符串不是有效的JSON，该方法会抛出错误

var bookCopy=JSON.parse(jsonText);

//注意，虽然book与bookCopy具有相同的属性，但它们是两个独立的、没有任何关系的对象

(三).序列化选项

1.相关概念

1. 实际上，JSON.stringify()除了要序列化的JavaScript对象外，还可以接受两个参数用于指定以不同的方式序列化JavaScript对象
2. 第一个参数是个过滤器，可以是一个数组，也可以是一个函数；第二个参数是一个选项，表示是否在JSON字符串中保留缩进
3. 单独或组合使用这两个参数，可以更全面深入的控制JSON的序列化

2.过滤结果

(1).如果过滤器参数是数组，那么JSON.stringify()的结果中将只包含数组中列出的属性

var book={
	title:"Professional JavaScript",
	authors:[
		"Nicholas C. Zakas"
	],
	edition:3,
	year:2011
};
var jsonText=JSON.stringify(book,["title","edition"]);

/*JSON.stringify()的第二个参数是一个数组，其中包含两个字符串："titile"和"edition"。这两个属性与将要序列化的对象中的属性是对应的，因此在返回的结果字符串中，就只会包含这两个属性：`{"title":"Professional JavaScript","edition":3}`*/

(2).如果第二个参数是函数，行为会稍有不同。传入的函数接受两个参数，属性(键)名和属性值。根据属性(键)名可以知道应该如何处理要序列化的对象中的属性。属性名只能是字符串，而在值并非键值对结构的值时，键名可以是空字符串

(3).为了改变序列化对象的结果，函数返回的值就是相应的键值。不过要注意，如果函数放回了undefined，那么相应的属性会被忽略

(4).Firefox 3.5和3.6对JSON.stringify()的实现有一个bug,在将函数作为该方法的第二个参数时这个bug就会出现,即这个函数只能作为过滤器：返回undefined意味着要跳过某个属性，而返回其他任何值都会在结果中包含相应的属性。Firefox 4修复了这个bug

var book={
	title:"Professional JavaScript",
	authors:[
		"Nicholas C. Zakas"
	],
	edition:3,
	year:2011
};
var jsonText=JSON.stringify(book,function(key,value){
	switch(key){
		case "authors":
			return value.join(",");
		case "year":
			return 5000;
		case "edition":
			return undefined;
		default:
			return value;
	}
});

/*函数过滤器根据传入的键来决定结果。如果键为"authors",就将数组连接为一个字符串；如果键为"year",则将其值设置为5000；如果键为"edition",通过返回undefiend删除该属性*。最后，一定要提供default项，此时返回传入的值，以便其他值都能正常出现在结果中。实际上，第一次调用这个函数过滤器，传入的键是一个空字符串，而值就是book对象。序列化后的JSON字符串如下所示*/
{"title":"Professional JavaScript","authors":"Nicholas C.Zakas","year":5000}
/*要序列化的对象中的每一个对象都要经过过滤器，因此数组中的每个带有这些属性的对象经过过滤之后，每个对象都只会包含"titile"、"aauthors"和"year"属性*/

3.字符串缩进

1. JSON.stringify()在结果中插入例如换行符以提高可读性
2. 只要传入有效的控制缩进的参数值，结果字符串就会包含换行符（只缩进而不换行意义不大）
3. 最大缩进空格数为10，所有大于10的值都会自动转换为10
4. 如果缩进参数是一个字符串而非数值，则这个字符串将在JOSN字符串中被用作缩进字符（不在使用空格）。在使用字符串的情况下，可以将缩进字符设置为制表符，或者两个短划线之类的任意字符串
5. 缩进字符串最长不能超过10个字符长。如果字符串长度超过了10个，结果中将只出现前10个字符

var book={
	title:"Professional JavaScript",
	authors:[
		"Nicholas C. Zakas"
	],
	edition:3,
	year:2011
};
var jsonText=JSON.stringify(book,null,4);

//保存在jsonText中的字符串如下所示：
{
	"title":"Professional JavaScript",
	"authors":[
		"Nicholas C. Zakas"
	],
	"edition":3,
	"year":2011
}

var jsonText=JSON.stringify(book,null,"--");
{
--"title":"Professional JavaScript",
--"authors":[
----"Nicholas C. Zakas"
	],
--"edition":3,
--"year":2011
}

4.toJSON()方法

(1). 有时候，JSON.stringify()还是不能满足对某些对象进行自定义序列化的需求

(2).在这些情况下，可以给对象定义toJSON()方法，返回其自身的JSON数据格式

(3). 原生Date对象有一个toJSON()方法，能够将JavaScript的Date对象自动转换成ISO 8601日期字符串（与在Date对象上调用toISOString()的结果完全一样）

//可以为任何对象添加toJSON()方法，比如：

var book={
	title:"Professional JavaScript",
	authors:[
		"Nicholas C. Zakas"
	],
	edition:3,
	year:2011，
	toJSON:function(){
		return this.title;
	}
};
var jsonText=JSON.stringify(book);

/*以上代码在book对象上定义了一个toJSON()方法，该方法会返回图书的书名。与Date对象类似，这个对象也将被序列化为一个简单的字符串而非对象。可以让toJSON()方法返回任何值。它都能正常工作。比如，可以让这个方法返回undefined，此时如果包含它的对象嵌入在另一个对象中，会导致它的值便为null，而如果它是顶级对象，结果就是undefined*/

(4).toJSON()可以作为函数过滤器的补充，因此理解序列化的内部顺序十分钟重要

(5).假设把一个对象传入JSON.stringify()，序列化该对象的顺序如下：

1. 如果存在toJSON()方法而且能通过它取得有效的值，则调用该方法。否则，返回对象本身
2. 如果提供了第二个参数，应用这个函数过滤器。传入函数过滤器的值是第（1）步返回的值
3. 对第（2）步返回的每个值进行相应的序列化
4. 如果提供了第三个参数，执行相应的格式化
   ####(四).解析选项
5. JSON.parse()方法也可以接收另一个参数，该参数是有一个函数，将在每个键值对上调用
6. 为了区别JSON.sstringify()接收的替换（过滤）函数，这个函数被称为还原函数，但实际上这两个函数的签名是相同的——它们都接手两个参数，一个键和一个值，而且都需要返回一个值
7. 如果还原函数返回undefined，则表示要从结果中删除相应的键；如果返回其他值，则将该值插入到结果中。在将日期字符串转换为Date对象时，经常要用到还原函数

var book={
	title:"Professional JavaScript",
	authors:[
		"Nicholas C. Zakas"
	],
	edition:3,
	year:2011，
	releaseDate:new Date(2011,11,1)
};
var jsonText=JSON.stringify(book);
var bookCopy=JSON.parse(jsonText,function(key,value){
	if(key=="releaseDate"){
		return new Date(value);
	}else{
		return value;
	}
});
alert(bookCopy.releaseDate.getFullYear());

/*以上代码先是为book对象新增了一个releaseDate属性，该属性保存着一个Date对象。这个对象在经过序列化之后变成了有效的JSON字符串，然后经过解析又在bookCopy中还原一个Date对象。还原函数在遇到"releasseDate"键时u，会基于相应的值创建一个新的Date对象。结果就是bookCopy.releaseDate属性中保存一个Date对象。正因为如此，才能基于这个对象调用getFullYear()方法*/

源于整理《JavaScript高级程序设计》