JSON序列化

JavaScript019

JSON序列化,第1张

JSON是一个轻量级的数据格式,可以简化表示复杂数据结构的工作量, 它不支持变量、函数或者对象实例,JSON字符串必须使用双引号(单引号会导致语法错误);在手工编写JSON时,JSON对象中的属性名任何时候都必须加双引号 。JSON是ECMAScript5定义的对象,有两个方法:SON.stringify()和JSON.parse()。

功能 :把JavaScript对象序列化为JSON字符串(JavaScript对象(Object)转换成JSON数据传输)

语法 :JSON.stringify(value[, replacer [, space]]) =>JSON.stringify(value, replacer , space)

功能 :把JSON字符串解析为原生JavaScript对象(把JSON数据转换成JavaScript对象Object)

语法 :JSON.parse(text[, reviver]) =>JSON.parse(text, reviver)

注意 :若传入的字符串不符合 JSON 规范,则会抛出 SyntaxError 异常。

早期的JSON解析器基本上就是使用JavaScript的eval()函数。由于JSON是JavaScript语法的自己,因此eval()函数可以解析、解释并返回JavaScript的对象和数组。

ECMAScript

5对解析JSON的行为进行了规范,定义了全局对象JSON。

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

新建一个HTML:代码如下:

复制代码

代码如下:

<html>

<head>

<title></title>

<script

type="text/javascript">

function

init()

{

var

book={

title:"JavaScript高级程序设计",

authors:[

"Nicholas

C.

Zakas"

],

edition:3,

year:2011

}

var

jsonBook=JSON.stringify(book)

var

objectBook=JSON.parse(jsonBook)

var

title=objectBook.title}

</script>

</head>

<body>

<input

type="button"

onclick="init()"

value="测试"

/>

</body>

</html>

默认情况下,JSON.stringify()输出的JSON字符串不包含任何空字符或缩进,因此保存在jsonBook中的字符串如下所示:

复制代码

代码如下:

{"title":"JavaScript高级程序设计","authors":["Nicholas

C.

Zakas"],"edition":3,"year":2011}

在序列化JavaScript对象时,所有函数及原型成员都会被有意忽略,不体现在结果中。此外,值为undefined的任何属性也都会被跳过。结果中最终都是值为有效JSON数据类型的实例属性。

注意,虽然book与objectBook具有相同的属性,但它们是两个独立的、没有任何关系的对象。如果传给JSON.parse()的字符串不是有效的JSON,该方法会抛出错误。

我们知道, JSON.stringify() 和 JSON.parse() 是一对处理JSON数据的方法,前者是将JSON对象序列化为字符串,而后者是将JSON字符串解析为JSON对象。

但是你有较为深入地去了解过它们吗?它们分别可以传入几个参数以及每个参数对应的作用是什么你知道吗?

它可以传入三个参数, 参数1 是需要字符串化的对象, 参数2 是用于指定对象序列化过程中需要被处理的属性, 参数3 是用于指定输出字符串的缩进格式。后两个参数是可选的,而我们最常用的就是只传一个参数。

需要字符串化的对象,且该对象须是安全的JSON对象,而对于不安全的JSON对象都不能被正常序列化。

何为不安全的JSON对象?

undefined、function、symbol 和包含循环的引用的对象都不符合JSON结构标准,所以它们本身以及包含它们的对象都是不安全的JSON对象。

那么对于不安全的JSON对象, JSON.stringify() 会如何处理它们呢?

单独处理它们,直接返回 undefined 。

包含它们的对象,自动将其忽略。例如:

包含它们的数组,自动将其转成 null 。例如:

如果两个对象之间互相引用,形成一个无限循环,那么无论对其中的哪个对象进行JSON字符串化都会直接报错!例如:

对该类对象进行JSON字符串化,会先调用 toJSON() 方法,然后用它的返回值来进行序列化。例如:

正常按照前面讲的忽略 function 来说应该要返回 "{"a":1}" 才对嘛,为啥是 undefined 呢? 这就是因为包含 toJSON() 方法的缘故,只要有它,直接就处理它的返回值。上例中因为 toJSON() 方法返回值是个不安全的JSON对象,所以就按照前面 ① 中讲的方式来处理了。

再看个例子你就明白了:

用于指定对象序列化过程中需要被处理的属性,它可以是数组或函数。

必须是字符串数组,其中包含序列化要处理的对象的属性名称,除此之外的其他属性会被忽略。例如:

该函数会先调用对象本身,然后遍历对象的每个属性。函数传入两个参数,第一个为属性名(key),第二个为属性值(value)。开始调用对象本身时,第一个参数key为空字符串,第二个参数value为对象本身,而此时函数的返回值会直接替换原对象。而后每次遍历对象属性时的返回值都会替换原有该属性的值。例如:

看到了吗?每一次遍历返回值都可能会对最终的处理结果产生影响。我们再看个例子:

用于指定输出字符串的缩进格式。它可以是正整数,也可以是字符串。当是正整数时,它指定的是每一级缩进的字符数,当它是字符串时,该字符串的前十个字符将会被用于每一级的缩进。例如:

最后输出结果为:

可以看到,无论传入的字符串有多长,最终只会取前十个字符用于缩进填充。

了解完了 JSON.stringify() ,我们再来看看它的逆操作函数 JSON.parse() 。

它可以传入两个参数, 参数1 是需要被解析的字符串, 参数2 是用于修改解析生成的原始值。后一个参数是可选的,而我们最常用的就是只传一个参数。

该参数必须是符合JSON规范的字符串,如果是其他类型,则会被强制类型转换成字符串格式,如果不符合JSON规范,则会报错!例如:

注意JSON字符串中的key必须有双引号(单引号也不行),不然是不符合JSON规范的。

该参数是个函数,作用类似于前面 JSON.stringify() 的第二个参数replacer,同样是对属性进行遍历,同样有key和value两个参数。我们具体来看个例子:

看到了吗?前面属性的遍历可以修改输出对象的属性值,但最终输出的值关键还是取决于key为空字符串时的返回值,它可以将之前所有的努力都变为徒劳!