JSON
1.概念:JSON 的英文余称是JavaScript Object Notation,即“JavaScript对象表示法”。简单来讲,JSON就是Javascript对象和数组的字符串表示法,它使用文本表示一个JS对象或数组的信息,因此,JSON的本质是字符串。
作用:JSON是一种轻量级的文本数据交换格式,在作用上类似于XML,,专门用于存储和传输数据,但是JSON比XML更小、更快、更易解析。
现状:JSON是在2001年开始被推广和使用的数据格式,到现今为止,JSON已经成为了主流的数据交换格式。
2.JSON的两种结构
JSON就是用字符串来表示Javascript的对象和数组。所以,JSON中包含对象和数组两种结构,通过这两种结构的相互嵌套,可以表示各种复杂的数据结构。
对象结构:对象结构在JSON中表示为{}括起来的内容。数据结构为{ key: value, key: value ....}的键值对结构。其中,key必须是使用英文的双引号包裹的字符串,value的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。
数组结构:数组结构在JSON 中表示为[]括起来的内容。数据结构为["java" , "javascript" ,30, true...] .数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。
3.JSON语法注意事项
属性名必须使用双引号包裹
字符串类型的值必须使用双引号包裹
JSON中不允许使用单引号表示字符串
JSON中不能写注释
JSON的最外层必须是对象或数组格式
不能使用undefined或函数作为JSON的值
JSON的作用:在计算机与网络之间存储和传输数据。
JSON的本质:用字符串来表示Javascript对象数据或数组数据
4.JSON和JS对象的关系
JSON是JS对象的字符串表示法,它使用文本表示一个JS对象的信息,本质是一个字符串。例如:
5.JSON和JS对象的互转
要实现从JSON字符串转换为JS对象,使用JSON.parse0方法:
代码示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> <script> var jsonStr = '{"a":"Hello","b":"world"}' var obj = JSON.parse(jsonStr) console.log(obj); </script> </html>
要实现从JS对象转换为JSON字符串,使用JSON.stringify()方法:
代码示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> <script> // var jsonStr = '{"a":"Hello","b":"world"}' // var obj = JSON.parse(jsonStr) // console.log(obj); var obj2 = { a: 'hello', b: 'world', c: false } var str = JSON.stringify(obj2) console.log(str); </script> </html>
6.序列化和反序列化
把数据对象转换为字符串的过程,叫做序列化,例如:调用JSON.stringify()函数的操作,叫做JSON序列化。
把字符串转换为数据对象的过程,叫做反序列化,例如:调用JSON.parse()函数的操作,叫做JSON反序列化。