来源：

经有一段时间，XML 是互联网上传输结构化数据的事实标准。Web 服务的第一次浪潮很大程 度上都是建立在 XML 之上的，突出的特点是服务器与服务器间通信。然而，业界一直不乏质 疑 XML 的声音。

不少人认为 XML 过于烦琐、冗长。为解决这个问题，2006 年，Douglas Crockford 把 JSON（JavaScript Object Notation，JavaScript 对象表示法）作为 IETF RFC 4627 提交给 IETF，而 JSON 的应用早在 2001 年就已经开始了。JSON 是 JavaScript 的一个严格的子集，利用了 JavaScript中的一些模式来表示结构化数据。Crockford认为与 XML 相比，JSON是在 JavaScript中读写结构化数据的更好的方式。因为可以把 JSON 直接传给 eval()，而且不必创建 DOM 对象。关于 JSON，最重要的是要理解它是一种数据格式，不是一种编程语言。虽然具有相同的语法形式，但 JSON 并不从属于 JavaScript。而且，并不是只有 JavaScript 才使用 JSON，毕竟 JSON 只是一种数据格式。很多编程语言都有针对 JSON 的解析器和序列化器。

简而言之，因XML传输结构的种种弊端，JSON取代了XML,成为了行业通识（很多编程语言都有针对 JSON 的解析器和序列化器）
比如这个：
JSON 之所以流行，拥有与 JavaScript 类似的语法并不是全部原因。更重要的一个原因是，可以把
JSON 数据结构解析为有用的 JavaScript 对象。与 XML 数据结构要解析成 DOM 文档而且从中提取数据
极为麻烦相比，JSON 可以解析为 JavaScript 对象的优势极其明显。

语法：

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

  • 简单值：使用与 JavaScript 相同的语法，可以在 JSON 中表示字符串、数值、布尔值和 null。

但 JSON 不支持 JavaScript 中的特殊值 undefined。

  1. "Hello world!"
  • 对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可

以是简单值，也可以是复杂数据类型的值。

  1. //JSON 中的对象与 JavaScript 字面量稍微有一些不同。下面是一个 JavaScript 中的对象字面量：
  2. var person = { 
  3.   name: "Nicholas", 
  4.   age: 29 
  5. };
  7. //JSON 表示上述对象的方式如下：
  8. { 
  9.   "name": "Nicholas", 
  10.   "age": 29 
  11. }
  • 数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中

的值。数组的值也可以是任意类型——简单值、对象或数组。

  1. //下面是 JavaScript 中的数组字面量：
  2. var values = [25, "hi", true]; 
  3. //在 JSON 中，可以采用同样的语法表示同一个数组：
  4. [25, "hi", true]
  7. //同样要注意，JSON 数组也没有变量和分号。把数组和对象结合起来，可以构成更复杂的数据集合，
  8. 例如：
  9. [
  10.   {
  11.     "title": "Professional JavaScript",
  12.     "authors": [
  13.       "Nicholas C. Zakas"
  14.     ], 
  15.   edition: 3, 
  16.   year: 2011
  17.   },
  18.   {
  19.     "title": "Professional JavaScript",
  20.     "authors": [
  21.       "Nicholas C. Zakas"
  22.     ], 
  23.   edition: 2, 
  24.   year: 2009
  25.   },
  26.   {
  27.     "title": "Professional Ajax",
  28.     "authors": [
  29.       "Nicholas C. Zakas",
  30.       "Jeremy McPeak",
  31.       "Joe Fawcett"
  32.     ], 
  33.   edition: 2, 
  34.   year: 2008
  35.   },
  36.   {
  37.     "title": "Professional Ajax",
  38.     "authors": [
  39.       "Nicholas C. Zakas",
  40.       "Jeremy McPeak",
  41.       "Joe Fawcett"
  42.     ],edition: 1, 
  43.   year: 2007
  44.   },
  45.   {
  46.     "title": "Professional JavaScript",
  47.     "authors": [
  48.       "Nicholas C. Zakas"
  49.     ], 
  50.   edition: 1,
  51.    year: 2006
  52.   }
  53. ]

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

解析与序列化：

1、JSON对象

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

  1.  // stringify()方法
  2. var book = {
  3.    title: "Professional JavaScript",
  4.    authors: ["Nicholas C. Zakas"],
  5.    edition: 3,
  6.    year: 2011
  7.  };
  8. var jsonText = JSON.stringify(book); 
  9. // {"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3, "year":2011}
  1. //将 JSON 字符串直接传递给 JSON.parse()就可以得到相应的 JavaScript 值。例如，使用下列代码
  2. 就可以创建与 book 类似的对象：
  3. var bookCopy = JSON.parse(jsonText);

2、序列化选项

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

  • 第一个参数是个过滤器 ```javascript // 过滤结果 var book = { title: “Professional JavaScript”, authors: [“Nicholas C. Zakas”], edition: 3, year: 2011 }; var jsonText = JSON.stringify(book, [“title”, “edition”]); //{“title”:”Professional JavaScript”,”edition”:3}

//第二个参数是函数，行为会稍有不同。传入的函数接收两个参数，属性（键）名和属性值。根 据属性（键）名可以知道应该如何处理要序列化的对象中的属性。属性名只能是字符串，而在值并非键 值对儿结构的值时，键名可以是空字符串。 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; } }); console.log(jsonText) //{“title”:”Professional JavaScript”,”authors”:”Nicholas C. Zakas”,”year”:5000}

  2. - 字符串缩进
  4. JSON.stringify()方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数<br />值，那它表示的是每个级别缩进的空格数。例如，要在每个级别缩进 4 个空格，可以这样写代码：
  6. ```javascript
  7. var book = {
  8.   title: "Professional JavaScript",
  9.   authors: ["Nicholas C. Zakas"],
  10.   edition: 3,
  11.   year: 2011
  12. };
  13. var jsonText = JSON.stringify(book, null, 4);
  14. console.log(jsonText,"jsonText")
  16. 输出：
  17. { 
  18.     "title": "Professional JavaScript", 
  19.     "authors": [ 
  20.         "Nicholas C. Zakas" 
  21.     ], 
  22.     "edition": 3, 
  23.     "year": 2011 
  24. }

小结：

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

JSON 没有那么烦琐，而且在 JavaScript 中使用更便利。

ECMAScript 5 定义了一个原生的 JSON 对象，可以用来将对象序列化为 JSON 字符串或者将 JSON

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

原生的 JSON 对象也得到了很多浏览器的支持，比如 IE8+、Firefox 3.5+、Safari 4+、Opera 10.5 和

Chrome。