JS学习17（JSON）

JSON是JavaScript Object Notation，JavaScript对象表示法。这是一种数据格式，并不从属于JS，许多语言都有JSON的解析器和序列化器。

语法

JSON的语法可以表示以下3种类型的值：

• 简单值：使用与JS相同的简单语法，可以表示字符串，数值，布尔值和null
• 对象：复杂类型，可以理解为嵌套的JSON，是一组无序的键值对，其中的值可以是简单类型也可以是复杂类型。
• 数组：复杂类型，表示一组有序值的列表。可以通过数值索引来访问其中的值，数组的值也可以是任意类型，简单值对象或数组。

简单值

5"Hello world!"

这些就是有效的JSON数据，要注意的是，JSON中的字符串必须使用双引号。

对象

JS中的对象字面量：

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

JSON中则是这样的：

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

可以嵌入：

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

要注意的是，没有分号，对象的属性必须加双引号。

数组

JS中的数组：

var values = [25, "hi", true];

JSON中的数组：

[25, "hi", true]

把数组和变量结合起来：

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

解析与序列化

JSON对象

ES5新增的用于JSON数据格式的工具类
有两个方法

• stringify()：将JS对象序列化为JSON字符串
• parse()：把JSON字符串解析为原生JS对象

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

序列化选项

JSON.stringify()除了要序列化的对象外还可以接收另外两个可选参数，第一个参数是过滤器，第二个参数是一个设置在JSON字符串中的缩进。
过滤结果
过滤器参数如果是一个数组，那么只序列化数组里有的选项，数组过滤器貌似只过滤一层,里面的对象不会检测：

var jsonText = JSON.stringify(book, ["title", "edition"]);//{"title":"Professional JavaScript","edition":3}

过滤器参数如果是一个函数，传入的函数接收两个参数：属性名和属性值，这个函数相当于会遍历每一个键与值，针对某种键，可以对值进行不同的处理并返回到字符串中，我测试了下，与数组过滤器不同，如果嵌套了对象，这个对象的相应属性也会被过滤。

jsonText = JSON.stringify(book, function(key, value){    switch(key){        case "authors":            return value.join(",");        case "year":            return 5000;        case "edition":            return value+"hahahahaha";        default:            return value;    }});//{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","edition":"3hahahahaha","year":5000,"book":{"title":"insertBook","edition":"insertBookEdtionhahahahaha","year":5000}}

一定要提供default选项，也许你以为你覆盖掉了所有的键的情况，但是其实当值并非键值对结构的值的时候，键是作为空字符串传入的。比如第一次调用这个函数过滤器的时候，其实是将整个book对象作为value传进去的，那么这时键传什么呢？啊！他没有键。所以你要是没有默认，又没有空字符串这种case，那你啥都循环不出来嗷。
如果你想要舍掉某个属性，返回undefined就好。
字符串缩进
想让自己的字符串更可读，使用第三个参数来控制缩进。
缩进4个（最多10个）：

var jsonText = JSON.stringify(book, null, 4);

缩进指定符号（最多10个）：

var jsonText = JSON.stringify(book, null, "-");

toJSON()方法
有时以上的方法还是不能满足，可以给对象定义toJSON()方法。这个方法可以返回任何值，就算是undefined也没问题。

var testObject = {    hahaha:2013,    heiheihei:2014,    toJSON:function () {        return this.hahaha + "" + this.heiheihei;    }}

在把一个对象传入JSON.stringify()时，序列化顺序如下：

1. 如果存在toJSON方法，并能获得有效值，则调用该方法，否则返回对象本身
2. 如果提供了第二个参数，应用这个函数过滤器，传入过滤器的是第一步返回的值
3. 对第二步返回的每个值进行相应的序列化
4. 如果有第三个参数，则执行相应格式化

解析选项

JSON.parse()方法也可以接受另一个参数，另一个参数是一个函数，和序列化时的函数也很像，接受两个参数，键和值。也是对应每个键，对值进行处理，只不过最后是塞回对象。

var book = {    year: 2011,    releaseDate: new Date(2011, 11, 1)};var jsonText = JSON.stringify(book);alert(jsonText);var bookCopy = JSON.parse(jsonText, function(key, value){    if (key == "releaseDate"){        return new Date(value);    } else {        return value;    }});alert(bookCopy.releaseDate.getFullYear());