红宝书 第20章整理——JSON

JSON 教程

JSON：JavaScript 对象表示法（JavaScript Object Notation）。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析。

理解：

JSON不是一种编程语言，只是一种数据格式，所以不是js专有的，其他语言也有支持。

类似 XML

• JSON 是纯文本
• JSON 具有“自我描述性”（人类可读）
• JSON 具有层级结构（值中存在值）
• JSON 可通过 JavaScript 进行解析
• JSON 数据可使用 AJAX 进行传输

相比 XML 的不同之处

• 没有结束标签
• 更短
• 读写的速度更快
• 能够使用内建的 JavaScript eval() 方法进行解析
• 使用数组
• 不使用保留字

为什么使用 JSON？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

使用 XML

• 读取 XML 文档
• 使用 XML DOM 来循环遍历文档
• 读取值并存储在变量中

使用 JSON

• 读取 JSON 字符串
• 用 eval() 处理 JSON 字符串

2、语法

①简单值

简单值与js中使用相同

例外：

不支持undefined类型，

字符串必须使用双引号

②对象

js中声明对象：

var obt = {
   name: "jack",
   age: 20
};

JSON声明对象：

{
   "name": "jack",
    "age": 20
}

对比区别：

没有声明变量（JSON中没有变量的概念，只是一种数据的写法）

没有结尾的分号（JSON不是一条语句）

属性必须都用双引号

③数组

除了不用声明变量，无分号，其他都一样

举例：

JSON中写数组：     [25, "hi", true]

3、解析与序列化

JSON之所以可以在js中流行，主要原因是可以把JSON数据结构进行解析，生成对应的js对象

① JSON对象解析：

stringify():

var book = {
  title:"aaa",
  author:[
      "qwe"
   ],
  year: 2010
};

var jsontext = JSON.stringify(book);     //{"title":"aaa","author":["qwe"],"year":2010}

该函数把对象转为JSON格式

parse():

生成对象函数，JSON.parse(jsontext);

②序列化

之前两个方法可以继续加参数，比如过滤，字符串缩进等等进行序列化整理，方便ajax传输数据