JSON

JSON （JavaScript Objet Notation     JavaScript 对象标记）

数据的序列化、反序列化

JSON 数据的书写格式是：名称/值对。

名称/值对组合中的名称写在前面（在双引号中），值对写在后面(同样在双引号中)，中间用冒号隔开：

1	"firstName":"John"

这很容易理解，等价于这条 JavaScript 语句：

1	firstName="John"

JSON 值

JSON 值可以是：

• 数字（ 整数或 浮点数）
• 字符串（在双引号中）
• 逻辑值（true 或 false）
• 数组（在方括号中）
• 对象（在花括号中）
• null

简单地说^[2] ，JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪，但是JavaScript很容易解释它，而且 JSON 可以表示比"名称 / 值对"更复杂的结构。例如，可以表示数组和复杂的对象，而不仅仅是键和值的简单列表。

当需要表示一组值时，JSON 不但能够提高可读性，而且可以减少复杂性。例如，假设您希望表示一个人名列表。在 XML中，需要许多开始标记和结束标记；如果使用典型的名称 / 值对（就像在本系列前面文章中看到的那种名称 / 值对），那么必须建立一种专有的数据格式，或者将键名称修改为 person1-firstName这样的形式。

如果使用 JSON，就只需将多个带花括号的记录分组在一起：

1 2 3 4 5 6 7

{      "people":[          {"firstName":"Brett","lastName":"McLaughlin","email":"aaaa"},          {"firstName":"Jason","lastName":"Hunter","email":"bbbb"},          {"firstName":"Elliotte","lastName":"Harold","email":"cccc"}      ] }

这不难理解。在这个示例中，只有一个名为 people的变量，值是包含三个条目的数组，每个条目是一个人的记录，其中包含名、姓和电子邮件地址。上面的示例演示如何用括号将记录组合成一个值。当然，可以使用相同的语法表示多个值（每个值包含多个记录）：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

{      "programmers": [{          "firstName": "Brett",          "lastName": "McLaughlin",          "email": "aaaa"      }, {          "firstName": "Jason",          "lastName": "Hunter",          "email": "bbbb"      }, {          "firstName": "Elliotte",          "lastName": "Harold",          "email": "cccc"      }],      "authors": [{          "firstName": "Isaac",          "lastName": "Asimov",          "genre": "sciencefiction"      }, {          "firstName": "Tad",          "lastName": "Williams",          "genre": "fantasy"      }, {          "firstName": "Frank",          "lastName": "Peretti",          "genre": "christianfiction"      }],      "musicians": [{          "firstName": "Eric",          "lastName": "Clapton",          "instrument": "guitar"      }, {          "firstName": "Sergei",          "lastName": "Rachmaninoff",          "instrument": "piano"      }] }

这里最值得注意的是，能够表示多个值，每个值进而包含多个值。但是还应该注意，在不同的主条目（programmers、authors 和 musicians）之间，记录中实际的名称 / 值对可以不一样。JSON 是完全动态的，允许在 JSON 结构的中间改变表示数据的方式。

在处理 JSON 格式的数据时，没有需要遵守的预定义的约束。所以，在同样的数据结构中，可以改变表示数据的方式，甚至可以以不同方式表示同一事物。

格式应用编辑

掌握了 JSON 格式之后，在 JavaScript 中使用它就很简单了。JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

赋值给变量

例如，可以创建一个新的 JavaScript 变量，然后将 JSON 格式的数据字符串直接赋值给它：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

var people = {      "programmers": [{          "firstName": "Brett",          "lastName": "McLaughlin",          "email": "aaaa"      }, {          "firstName": "Jason",          "lastName": "Hunter",          "email": "bbbb"      }, {          "firstName": "Elliotte",          "lastName": "Harold",          "email": "cccc"      }],      "authors": [{          "firstName": "Isaac",          "lastName": "Asimov",          "genre": "sciencefiction"      }, {          "firstName": "Tad",          "lastName": "Williams",          "genre": "fantasy"      }, {          "firstName": "Frank",          "lastName": "Peretti",          "genre": "christianfiction"      }],      "musicians": [{          "firstName": "Eric",          "lastName": "Clapton",          "instrument": "guitar"      }, {          "firstName": "Sergei",          "lastName": "Rachmaninoff",          "instrument": "piano"      }] };

这非常简单；people包含前面看到的 JSON 格式的数据。但是，这还不够，因为访问数据的方式似乎还不明显。

访问数据

尽管看起来不明显，但是上面的长字符串实际上只是一个 数组；将这个数组放进 JavaScript变量之后，就可以很轻松地访问它。实际上，只需用点号表示法来表示数组元素。所以，要想访问 programmers 列表的第一个条目的姓氏，只需在 JavaScript 中使用下面这样的代码：

1	people.programmers[0].lastName;

注意，数组索引是从零开始的。所以，这行代码首先访问 people变量中的数据；然后移动到称为 programmers的条目，再移动到第一个记录（[0]）；最后，访问 lastName键的值。结果是字符串值 “McLaughlin”。

下面是使用同一变量的几个示例。

1 2 3

people.authors[1].genre   // Value is "fantasy" people.musicians[3].lastName  // Undefined. This refers to the fourth entry, and there isn't one people.programmers[2].firstName  // Value is "Elliotte"

利用这样的语法，可以处理任何 JSON 格式的数据，而不需要使用任何额外的 JavaScript 工具包或 API。

修改数据

正如可以用点号和方括号访问数据，也可以按照同样的方式轻松地修改数据：

1	people.musicians[1].lastName= "Rachmaninov" ;

在将字符串转换为 JavaScript 对象之后，就可以像这样修改变量中的数据。

换回字符串

最终结论是，如果要处理大量 JavaScript 对象，那么 JSON 是一个好选择，这样就可以轻松地将数据转换为可以在请求中发送给服务器端程序的格式。

具体形式编辑

1、对象是一个无序的“‘名称/值’对”集合。

（1）一个对象以“{”（左括号）开始，“}”（右括号）结束。

（2）每个“名称”后跟一个“:”（冒号）；

（3）“‘名称/值’ 对”之间使用“,”（逗号）分隔。（如图所示，图中表示数据的方式是类似非确定性 自动机的形式，没学过 编译原理的人，可能理解起来困难点，实际上也是 正则表达式的形式。下同）

例子：表示人的一个对象：

1 2 3 4

{      "姓名":"大憨",      "年龄":24 }

2、数组是值（value）的有序集合。

（1）一个数组以“[”（左中括号）开始，“]”（右中括号）结束。

（2）值之间使用“,”（逗号）分隔。

例子：一组学生

1 2 3 4 5 6

{      "学生": [          {"姓名":"小明","年龄":23},          {"姓名":"大憨","年龄":24}      ] }

说明：此Json对象包括了一个学生数组，而学生数组中的值又是两个Json对象。

3、值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array）。这些结构可以嵌套。

4、 字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。 字符串（string）与C或者Java的字符串非常相似。

5、数值（number）也与C或者 Java的数值非常相似。除去未曾使用的 八进制与十六进制格式。除去一些编码细节。

概念比较编辑

和XML的比较

可读性

JSON和 XML的可读性可谓不相上下，一边是简易的语法，一边是规范的标签形式，很难分出胜负。

可扩展性

XML天生有很好的扩展性，JSON当然也有，没有什么是XML可以扩展而JSON却不能扩展的。不过JSON在Javascript主场作战，可以存储Javascript复合对象，有着xml不可比拟的优势。

编码难度

XML有丰富的 编码工具，比如Dom4j、JDom等，JSON也有提供的工具。无工具的情况下，相信熟练的开发人员一样能很快的写出想要的xml文档和JSON 字符串，不过，xml文档要多很多结构上的字符。

解码难度

XML的解析方式有两种：

一是通过文档模型解析，也就是通过父标签索引出一组标记。例如：xmlData.getElementsByTagName("tagName")，但是这样是要在预先知道文档结构的情况下使用，无法进行通用的封装。

另外一种方法是遍历节点（document 以及 childNodes）。这个可以通过 递归来实现，不过解析出来的数据仍旧是形式各异，往往也不能满足预先的要求。

凡是这样可扩展的结构数据解析起来一定都很困难。

JSON也同样如此。如果预先知道JSON结构的情况下，使用JSON进行数据传递简直是太美妙了，可以写出很实用美观可读性强的代码。如果你是纯粹的前台开发人员，一定会非常喜欢JSON。但是如果你是一个应用开发人员，就不是那么喜欢了，毕竟xml才是真正的结构化 标记语言，用于进行数据传递。

而如果不知道JSON的结构而去解析JSON的话，那简直是噩梦。费时费力不说，代码也会变得冗余拖沓，得到的结果也不尽人意。但是这样也不影响众多前台开发人员选择JSON。因为json.js中的toJSONString()就可以看到JSON的字符串结构。当然不是使用这个字符串，这样仍旧是噩梦。常用JSON的人看到这个字符串之后，就对JSON的结构很明了了，就更容易的操作JSON。

以上是在Javascript中仅对于数据传递的xml与JSON的解析。在Javascript地盘内，JSON毕竟是主场作战，其优势当然要远远优越于xml。如果JSON中存储Javascript复合对象，而且不知道其结构的话，我相信很多程序员也一样是哭着解析JSON的。

除了上述之外，JSON和 XML还有另外一个很大的区别在于有效数据率。JSON作为数据包格式传输的时候具有更高的效率，这是因为JSON不像XML那样需要有严格的闭合标签，这就让有效数据量与总数据包比大大提升，从而减少同等数据流量的情况下，网络的传输压力 ^[3]  。

实例比较

XML和JSON都使用 结构化方法来标记数据，下面来做一个简单的比较。

用XML表示中国部分省市数据如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

<? xml  version = "1.0"  encoding = "utf-8" ?> < country >      < name >中国</ name >      < province >          < name >黑龙江</ name >          < cities >              < city >哈尔滨</ city >              < city >大庆</ city >          </ cities >      </ province >      < province >          < name >广东</ name >          < cities >              < city >广州</ city >              < city >深圳</ city >              < city >珠海</ city >          </ cities >      </ province >      < province >          < name >台湾</ name >          < cities >              < city >台北</ city >              < city >高雄</ city >          </ cities >      </ province >      < province >          < name >新疆</ name >          < cities >              < city >乌鲁木齐</ city >          </ cities >      </ province > </ country >

用JSON表示如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

{      "name": "中国",      "province": [{          "name": "黑龙江",          "cities": {              "city": ["哈尔滨", "大庆"]          }      }, {          "name": "广东",          "cities": {              "city": ["广州", "深圳", "珠海"]          }      }, {          "name": "台湾",          "cities": {              "city": ["台北", "高雄"]          }      }, {          "name": "新疆",          "cities": {              "city": ["乌鲁木齐"]          }      }] }

编码的可读性，xml有明显的优势，毕竟人类的语言更贴近这样的说明结构。json读起来更像一个 数据块，读起来就比较费解了。不过，我们读起来费解的语言，恰恰是适合机器阅读，所以通过json的索引.province[0].name就能够读取“黑龙江”这个值。

编码的手写难度来说，xml还是舒服一些，好读当然就好写。不过写出来的 字符JSON就明显少很多。去掉空白制表以及换行的话，JSON就是密密麻麻的有用数据，而xml却包含很多重复的标记字符。