JSON简介
JSON,全称是 JavaScript Object Notation,即 JavaScript对象标记法。JSON是一种轻量级(Light-Meight)、基于文本的(Text-Based)、可读的(Human-Readable)格式。JSON 的名称中虽然带有JavaScript,但这是指其语法规则是参考JavaScript对象的,而不是指只能用于JavaScript 语言。
JSON无论对于人,还是对于机器来说,都是十分便于阅读和书写的,而且相比 XML(另一种常见的数据交换格式),文件更小,因此迅速成为网络上十分流行的交换格式。
近年来JavaScript已经成为浏览器上事实上的标准语言,JavaScript 的风靡,与JSON 的流行也有密切的关系。
因为JSON本身就是参考JavaScript 对象的规则定义的,其语法与JavaScript定义对象的语法几乎完全相同。
JSON格式的创始人声称此格式永远不升级,这就表示这种格式具有长时间的稳定性,10 年前写的文件,10年后也能用,没有任何兼容性问题。
JSON 的语法规则
- 数组(Array)用方括号(“
[]
”)表示。 - 对象(0bject)用大括号(“
{}
”)表示。 - 名称/值对(
name/value
)组合成数组和对象。 - 名称(
name
)置于双引号中,值(value
)有字符串、数值、布尔值、null、对象和数组。 - 并列的数据之间用逗号(“
,
”)分隔 - 复合类型的值只能是数组或对象,不能是函数、正则表达式对象、日期对象。
JSON 和 XML
JSON常被拿来与XML做比较,因为JSON 的诞生本来就多多少少要有取代XNL的意思。相比 XML,JSON的优势如下:
- 没有结束标签,长度更短,读写更快
- 能够直接被JavaScript解释器解析
- 可以使用数组
JSON序列化
某些情况下我们希望将JavaScript中的复杂类型转化成JSON格式的字符串,这样方便对其进行处理:
比如我们希望将一个对象保存到localStorage中;
但是如果我们直接存放一个对象,这个对象会被转化成[object Object] 格式的字符串,并不是我们想要的结果;
JSON序列化方法
在ES5中引用了JSON全局对象,该对象有两个常用的方法:
- stringify方法:将JavaScript类型转成对应的JSON字符串;
- parse方法:解析JSON字符串,转回对应的JavaScript类型;
Stringify方法
JSON.stringify(value[, replacer [, space]])
value:将要序列化成 一个JSON字符串的JavaScript对象或值。
replacer 可选,用于处理将要序列化的值。
space 可选,指定缩进用的空白字符串,用于美化输出。
返回值: 一个表示给定值的JSON格式字符串。
replacer参数
replacer参数可以以下三种情况:
如果是null、undefined或其他类型,则被忽略,不做处理;
如果是一个数组,则只有包含在这个数组中的属性名,才会最终被序列化到结果字符串中。
只对对象的属性有效,对数组无效。
如果是一个函数,被序列化的值的每个属性都会经过该函数的转换和处理;
处理过程:
函数有两个参数,属性名(key)和属性值(value),都会被序列化;
第一次调用时,key为空字符串,value则为需要序列化的整个对象;
第二次处理时,会把第一次的的结果传过来,后续的每一次的处理都将接收上一次处理的结果;
后面,将依次处理每个属性名和属性值,完成后返回。
JSON.stringify() 方法将一个JavaScript 对象或值转换为JSON 字符串:
如果指定了一个replacer 函数,则可以选择性地替换值;
如果指定的replacer 是数组,则可选择性地仅包含数组指定的属性;
parse方法
JSON.parse(text[, reviver])
text:要被解析成的字符串。
如果传入数字则会转换成十进制数字输出。
如果传入布尔值则直接输出。
如果传入null则输出null。
不支持其他类型的值,否则报错。
reviver: 可选,转换器, 可以用来修改解析生成的原始值。
返回值: JavaScript对象/值, 对应给定JSON文本的对象/值。
JSON.parse() 方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。
提供可选的reviver 函数用以在返回之前对所得到的对象执行变换(操作)。
JSON格式规定
1、对象(0bject)
-
对象用大括号(“
{}
”)括起来,大括号里是一系列的“名称/值对
”,请看概念图。
-
两个并列的数据之间用逗号(“
,
”)隔开,注意两点:
- 使用英文的逗号(“
,
”),不要用中文的逗号(“,
”) - 最后一个“
名称/值对
“之后不要加逗号
-
JSON在线检查语法:https://www.json.cn/
-
这里报错说明JSON中Key/Value不能使用单引号
正确写法
-
数组(Array)
-
数组表示一系列有序的值,用方括号(“
[]
”)包围起来,并列的值之间用逗号分隔,请看概念图。
名称/值对(Name/Value)
名称(Name)是一个字符串,要用双引号括起来,不能用单引号,也不能没有引号,这一点与JavaScript不同。
值的类型只有七种:字符串(string)、数值(number)、对象(object)、数组(array), true、false、null。不能有这之外的类型,例如undefined、函数等。请看概念图。
字符串(string
)的规则如下:
- 英文双引号括起来,不能用单引号,也不能没有。
- 字符串中不能单独出现双引号(
”
)和右斜杠(“\
")。 - 如果要打双引号或右斜杠,需要使用“
右斜杠+字符
”的形式,例如\”
和\\
,其它的转义字符也是如此字符串的概念图。
字符串转化成对象
解析:是指将符合JSON 语法规则的字符串转换成对象的过程。
不同的编程语言都提供了解析JSON字符串的方法,在这里主要讲解JavaScript中的解析方法。主要有三种:
使用eval()
使用JSON.parse()
使用第三方库,例如JQuery等
1、 eval()
eval()函数的参数是一个字符串,其作用是直接执行其中的 JavaScript代码。
案例:eval()解析字符串
- eval()能够解析JSON字符串。从这里也可以看得出,JSON 和JavaScript是高度嵌合的。
但是,现在已经很少直接使用eval()来解析了,如果您的浏览器版本真的是很旧,可能才需要这个方法。此外,eval()是一个相对危险的函数,因为字符串中可能含有未知因素。在这里,作为学习,还是要知道这也是一种方法。
请注意 eval()的参数,在字符串两旁加了括号,这是必须的,否则会报错。
因为JSON字符串是被大括号(“{}”)包围的,直接放到 eval()会被当成语句块来执行,因此要在两旁加上括号,使其变成表达式。
使用JSON序列化深拷贝
生成的新对象和之前的对象并不是同一个对象:
相当于是进行了一次深拷贝;
1、使用JSON.stringify()以及JSON.parse()
let _tmp = JSON.stringify(obj);//将对象转换为json字符串形式
let result = JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象
注意:这种方法它对函数是无能为力的
创建出来的info中是没有foo函数的,这是因为stringify并不会对函数进行处理;