JSON要点

在编程方面，如何理解JSON？JSON的用途是什么？实战中需要用到JSON的哪些方面？使用JSON的意义是什么？

对于web前端开发来说，JSON是在客户端和服务器端传输结构化数据的事实标准，它不从属于JS，它仅仅是一种表示结构化数据的格式。对JSON描述最为准确的一个词是“JSON字符串”。的确如此：JSON实质上是字符串，在JS和PHP文件中，引入JSON格式数据都要在其最外层用单引号引起来，字符串中没有缩进，没有换行；在JSON文件中，其外层不要单引号，有缩进有换行（缩进和换行不是必须的）。

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

个人认为实战中需要用到JSON两个方面的内容：

一：如何构建JSON数据？

二：如何将JSON数据解析为JS对象？

构建JSON数据的途径有两种：

其一是直接按照JSON语法构建JSON数据。

其二是将已有的JS对象序列化为JSON字符串。

直接构建JSON数据需要遵循的规则：

JSON 的语法可以表示以下三种类型的值。
简单值：使用与JavaScript 相同的语法，可以在JSON 中表示字符串、数值、布尔值和null。但JSON 不支持JavaScript 中的特殊值undefined。注意：JSON 字符串必须使用双引号（单引号会导致语法错误）；
对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂数据类型的值。注意：键名(属性名)必须用双引号引起来，对象末尾没有分号。
数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型——简单值、对象或数组。注意：数组末尾也没有分号。

注意：JSON 不支持变量、函数或对象实例，意思是在JSON数据中不能定义变量、函数，不能出现对象实例。同一个对象中绝对不应该出现两个同名属性。对象和数组通常是JSON 数据结构的最外层形式。

将已有的JS对象序列化为JSON字符串：

用到的方法：JSON对象的 stringify()方法。

JSON.stringify()方法可以接收三个参数：第一参数是要序列化的JavaScript 对象（必选，注意：JS数组也是对象，参数是包含JS数组的）；第二个参数是个过滤器，可以是一个数组，也可以是一个函数（第二个参数可选）；第三个参数是一个选项，表示是否在JSON 字符串中保留缩进，可以是数值，也可以是字符串（第三个参数可选）。

注意：在所有情形中，序列化JavaScript 对象时，所有函数及原型成员都会被有意忽略，不体现在结果中。值为undefined 的任何属性也都会被跳过。结果中最终都是值为有效JSON 数据类型的实例属性。

在将JS对象序列化为JSON字符串的时候，对于参数我们应该作何选择呢？

JSON.stringify()方法传递关于第二个参数传入函数时的情况说明：当传入的第二参数为函数时，由于该函数接收两个参数——属性名和属性值，因此当传入JSON.stringify()方法的第一个参数为数组对象时，由于定义的是索引数组，不是键值对形式，因此无法通过函数对传入的数组元素进行操作，而第一个传入参数为对象则适合使用函数。

情形1：只传人第一个参数，那么JSON.stringify()将把一个JavaScript 对象序列化为一个JSON 字符串。默认情况下，JSON.stringify()输出的JSON 字符串不包含任何空格字符或缩进。

demo:
var jsonText = JSON.stringify(book);

result:

{"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,"year":2011}

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

demo:

var jsonText = JSON.stringify(book, ["title", "edition"]);

result:
{"title":"Professional JavaScript","edition":3}

情形3：第二个参数是函数。该情形适用于在对象序列化为JSON字符串前，对对象的属性进行一些操作，从而改变序列化的结果。传入的函数接收两个参数，属性（键）名和属性值。根据属性（键）名可以知道应该如何处理要序列化的对象中的属性。属性名只能是字符串，而在值并非键值对儿结构的值时，键名可以是空字符串。

注意两点：（1）为了改变序列化对象的结果，函数返回的值就是相应键的值。（2）如果函数返回undefined，那么相应的属性会被忽略。

demo:

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;

}

});

result:

{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}

情形4：JSON.stringify()方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数

值，那它表示的是每个级别缩进的空格数。如果缩进参数是一个字符串而非数值，则这个字符串将在JSON 字符串中被用作缩进字符（不再使用空格）只要传入有效的控制缩进的参数值，结果字符串就会包含换行符。

demo:

var jsonText = JSON.stringify(book, null, 4); //注意第二个参数为null

result:
{
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
"edition": 3,
"year": 2011
}

情形5：当我们只需要对对象中的某一个属性进行序列化时，我们可以给对象定义toJSON()方法。该方法直接返回要序列化的数据（注意：如果要对返回的数据进行进一步操作，进一步更改最终序列化的结果，就需要确保返回的数据为对象，否则不能这样操作）。然后才使用序列化对象的JSON.stringify()方法返回JSON字符串。可以为任何对象添加toJSON()方法。原生Date 对象有一个toJSON()方法，能够将JavaScript 的Date 对象自动转换成ISO 8601 日期字符串（与在Date 对象上调用toISOString()的结果完全一样）。这意味着Date类型实例能够被序列化为JSON字符串。

注意：toJSON()可以作为函数过滤器的补充。

demo:

var myInfo={name:"xiyoki",age:23,school:{name:"beibei",address:"beijing"},toJSON:function(){
return this.school;}};
var jsonText=JSON.stringify(myInfo,function(key,value){
if(key=="name"){
return "chengxin";
}else{
return value;
}});
console.log(jsonText);

//result:

{"name":"chengxin","address":"beijing"}

假设把一个对象传入JSON.stringify()，序列化该对象的顺序如下。
(1) 如果存在toJSON()方法而且能通过它取得有效的值，则调用该方法。否则，返回对象本身。
(2) 如果提供了第二个参数，应用这个函数过滤器。传入函数过滤器的值是第(1)步返回的值。
(3) 对第(2)步返回的每个值进行相应的序列化。
(4) 如果提供了第三个参数，执行相应的格式化。
无论是考虑定义toJSON()方法，还是考虑使用函数过滤器，亦或需要同时使用两者，理解这个顺序都是至关重要的。

将JSON数据解析为JS对象

重要方法：JSON对象的 parse()方法。

重要说明：当接收函数参数时，意味着在JSON字符串被解析为JS对象前，先对JSON字符串进行操作，操作的一定要是JSON对象的键值对，索引数组就不行。

JSON.parse()方法也可以接收另一个参数，该参数是一个函数，将在每个键值对儿上调用。为了区别JSON.stringify()接收的替换（过滤）函数（replacer），这个函数被称为还原函数（reviver），但实际上这两个函数的签名是相同的——它们都接收两个参数，一个键和一个值，而且都需要返回一个值。

如果还原函数返回undefined，则表示要从结果中删除相应的键；如果返回其他值，则将该值插入到结果中。在将日期字符串转换为Date 对象时，经常要用到还原函数。

demo:

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;
}

})

console.log(bookCopy.releaseDate.getFullYear());  //2011