JSON

Posted 2020-07-04

JSON（javascript Object Notation，JavaScript 对象表示法）

20.1 语法

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

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

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

2： 对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可

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

3：数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中

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

JSON 不支持变量、函数或对象实例，它就是一种表示结构化数据的格式，虽然与JavaScript 中表示

数据的某些语法相同，但它并不局限于JavaScript 的范畴。

 

20.1.1 简单值

最简单的 JSON 数据形式就是简单值。例如，下面这个值是有效的JSON 数据：

5

这是 JSON 表示数值5 的方式。类似地，下面是JSON 表示字符串的方式：

"Hello world!"

JavaScript 字符串与JSON 字符串的最大区别在于，JSON 字符串必须使用双引号（单引号会导致语

法错误）。

布尔值和 null 也是有效的JSON 形式。但是，在实际应用中，JSON 更多地用来表示更复杂的数据

结构，而简单值只是整个数据结构中的一部分。

 

20.1.2 对象

JS创建一个对象

var object ={

  name : "gavin",

  age: 29;

}

JSON 表示上述对象的方式如下：

{

"name": "Nicholas",

"age": 29

}

不同点：

1：没有声明，2：没有结束的分号；

强调：对象的属性必须加双引号；

 

20.1.3 数组

JSON 中的第二种复杂数据类型是数组。JSON 数组采用的就是JavaScript 中的数组字面量形式。例

如，下面是JavaScript 中的数组字面量：

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

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

[25, "hi", true]

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

例如：

{

"title": "Professional JavaScript",

"authors": [

"Nicholas C. Zakas"

],

edition: 3,

year: 2011

},

。。。。。。。

20.2 解析与序列化

JSON 之所以流行，拥有与JavaScript 类似的语法并不是全部原因。更重要的一个原因是，可以把

JSON 数据结构解析为有用的JavaScript 对象。

20.2.1 JSON对象

JSON 对象有两个方法：stringify()和parse()。在最简单的情况下，这两个方法分别用于把

JavaScript 对象序列化为JSON 字符串和把JSON 字符串解析为原生JavaScript 值。例如：

var book = {

title: "Professional JavaScript",

authors: [

"Nicholas C. Zakas"

],

edition: 3,

year: 2011

};

var jsonText = JSON.stringify(book);

输出

{"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,

"year":2011}

将 JSON 字符串直接传递给JSON.parse()就可以得到相应的JavaScript 值。例如，使用下列代码

就可以创建与book 类似的对象：

var bookCopy = JSON.parse(jsonText);

注意，虽然 book 与bookCopy 具有相同的属性，但它们是两个独立的、没有任何关系的对象。

如果传给 JSON.parse()的字符串不是有效的JSON，该方法会抛出错误。

 

20.2.2 序列化选项

JSON.stringify()除了要序列化的JavaScript 对象外，还可以接收另外两个参数，这两

个参数用于指定以不同的方式序列化JavaScript 对象。第一个参数是个过滤器，可以是一个数组，也可

以是一个函数；第二个参数是一个选项，表示是否在JSON 字符串中保留缩进。单独或组合使用这两个

参数，可以更全面深入地控制JSON 的序列化。

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;

}

});

序列化后的JSON 字符串

如下所示：

{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}

 

2. 字符串缩进

JSON.stringify()方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数

值，那它表示的是每个级别缩进的空格数。例如，要在每个级别缩进4 个空格，可以这样写代码：

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

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

这样，jsonText 中的字符串将变成如下所示：

{

--"title": "Professional JavaScript",

--"authors": [

----"Nicholas C. Zakas"

--],

--"edition": 3,

--"year": 2011

}

缩进字符串最长不能超过10 个字符长。如果字符串长度超过了10 个，结果中将只出现前10 个字

符。

 

3. toJSON()方法

有时候，JSON.stringify()还是不能满足对某些对象进行自定义序列化的需求。在这些情况下，

可以给对象定义toJSON()方法，返回其自身的JSON 数据格式。原生Date 对象有一个toJSON()方法，

能够将JavaScript 的Date 对象自动转换成ISO 8601 日期字符串（与在Date 对象上调用toISOString()

的结果完全一样）。

var book = {

"title": "Professional JavaScript",

"authors": [

"Nicholas C. Zakas"

],

edition: 3,

year: 2011,

toJSON: function(){

return this.title;

}

};

var jsonText = JSON.stringify(book);

 

20.2.3 解析选项

JSON.parse()方法也可以接收另一个参数，该参数是一个函数，将在每个键值对儿上调用。为了

区别JSON.stringify()接收的替换（过滤）函数（replacer），这个函数被称为还原函数（reviver），

但实际上这两个函数的签名是相同的——它们都接收两个参数，一个键和一个值，而且都需要返回一

个值。

20.3 小结

JSON 是一个轻量级的数据格式，可以简化表示复杂数据结构的工作量。JSON 使用JavaScript 语法

的子集表示对象、数组、字符串、数值、布尔值和null。即使XML 也能表示同样复杂的数据结果，但

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

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

数据解析为JavaScript 对象。JSON.stringify()和JSON.parse()方法分别用来实现上述两项功能。

这两个方法都有一些选项，通过它们可以改变过滤的方式，或者改变序列化的过程。