20.JSON简介

20. JSON简介

JSON 是 JavaScript 的一个严格的子集，利用了JavaScript中的一些模式来表示结构化数据。
关于 JSON，最重要的是要理解它是一种数据格式，不是一种编程语言。虽然具有相同的语法形式，但 JSON 并不从属于 JavaScript。而且，并不是只有 JavaScript 才使用 JSON，毕竟 JSON 只是一种数据格式。很多编程语言都有针对 JSON 的解析器和序列化器。

1.JSON语法

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

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

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

1.1 简单值

最简单的 JSON 数据形式就是简单值。如字符串、数字。

1.2 对象

JSON 中的对象与 JavaScript 字面量稍微有一些不同。如下：

JSON 表述对象的方式如下：

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

与 JavaScript 不同，JSON 中对象的属性名任何时候都必须加双引号。手工编写 JSON 时，忘了给对
象属性名加双引号或者把双引号写成单引号都是常见的错误。

1.3 数组

在 JSON 中，可以采用同样的语法表示同一个数组：

[25, "hi", true]

同样要注意，JSON 数组也没有变量和分号。把数组和对象结合起来，可以构成更复杂的数据集合，

2. JSON解析与序列化

为什么需要JSON进行转换？

JSON 之所以流行，拥有与 JavaScript类似的语法并不是全部原因。更重要的一个原因是，可以把
JSON 数据结构解析为有用的 JavaScript 对象。与 XML 数据结构要解析成 DOM 文档而且从中提取数据极为麻烦相比，JSON 可以解析为 JavaScript 对象的优势极其明显。就以上一节中包含一组图书的 JSON数据结构为例，在解析为 JavaScript对象后，只需要下面一行简单的代码就可以取得第三本书的书名：
books[2].title
当然，这里是假设把解析 JSON 数据结构后得到的对象保存到了变量 books 中。再看看下面在 DOM结构中查找数据的代码：
doc.getElementsByTagName(“book”)[2].getAttribute(“title”)
看看这些多余的方法调用，就不难理解为什么 JSON 能得到 JavaScript 开发人员的热烈欢迎了。从此以后，JSON 就成了 Web 服务开发中交换数据的事实标准。

2.1 JSON对象

JSON对象是Javascript定义的全局变量。
JSON 对象有两个方法： stringify() 和 parse() 。在最简单的情况下，这两个方法分别用于把
JavaScript 对象序列化为 JSON 字符串和把 JSON 字符串解析为原生 JavaScript 值。

2.2 序列化选项

实际上， JSON.stringify() 除了要序列化的 JavaScript 对象外，还可以接收另外两个参数，这两
个参数用于指定以不同的方式序列化 JavaScript 对象。第一个参数是个过滤器，可以是一个数组，也可
以是一个函数；第二个参数是一个选项，表示是否在 JSON 字符串中保留缩进。单独或组合使用这两个
参数，可以更全面深入地控制 JSON 的序列化。
1. 过滤结果
如果过滤器参数是数组，那么 JSON.stringify() 的结果中将只包含数组中列出的属性。

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

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

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

不过要注意，如果函数返回了undefined ，那么相应的属性会被忽略。还是看一个例子吧。

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

2. 字符串缩进
JSON.stringify() 方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数值，那它表示的是每个级别缩进的空格数。
如果缩进参数是一个字符串而非数值，则这个字符串将在 JSON 字符串中被用作缩进字符（不再使
用空格）。在使用字符串的情况下，可以将缩进字符设置为制表符，或者两个短划线之类的任意字符

2.3 解析选项

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

小结

JSON 是一个轻量级的数据格式，可以简化表示复杂数据结构的工作量。JSON 使用 JavaScript 语法
的子集表示对象、数组、字符串、数值、布尔值和 null 。即使 XML 也能表示同样复杂的数据结果，但
JSON 没有那么烦琐，而且在 JavaScript 中使用更便利。

ECMAScript 5 定义了一个原生的 JSON 对象，可以用来将对象序列化为 JSON 字符串或者将 JSON
数据解析为 JavaScript 对象。 JSON.stringify() 和 JSON.parse() 方法分别用来实现上述两项功能。
这两个方法都有一些选项，通过它们可以改变过滤的方式，或者改变序列化的过程。

测试代码

// json转换js对象为json字符串
var book = {
	title: "js",
	authors: ["Nike"],
	edition: 3,
	year: 2011,
};

var JsonText = JSON.stringify(book, ["title", "authors"], 4);

// json第二个参数使用方法实例
var book = {
	title: "js",
	authors: ["Nike"],
	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;
	}
});

// 解析json
var book = {
	title: "js",
	authors: ["Nike"],
	edition: 3,
	year: 2011,
	releaseDate: new Date(2019, 6, 4)
};



function(key, value){if (key == "releaseDate"){ return new Date(value);} else { return value;}}



var book = {
	title: "js",
	authors: ["Nike"],
	edition: 3,
	year: 2011,
	releaseDate: new Date(2019, 6, 4),
};


var book2 = JSON.parse(jsonText, function(key, value){
	if (key == "releaseDate"){ 
		return new Date(value);
	} else { 
		return value;
	}});