深入掌握Json
1. JSON 是什么?
JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
JSON 是轻量级的文本数据交换格式
JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSON。
JSON 具有自我描述性,更易理解
2. JSON 的语法规则是怎样的?
JSON 语法是 JavaScript 对象表示语法的子集。
数据在名称/值对中
数据由逗号分隔
大括号 {} 保存对象
中括号 [] 保存数组,数组可以包含多个对象
{
"name": "xdr630",
"favorite": "programming"
}
3. JSON 和 XML
JSON常被拿来与XML做比较,因为JSON 的诞生本来就多多少少要有取代XML的意思。相比 XML,JSON的优势如下:
没有结束标签,长度更短,读写更快
能够直接被JavaScript解释器解析
可以使用数组
两者比较
JSON:
{
"name":"兮动人",
"age":22,
"fruits":["apple","pear","grape"]
}
XML:
<root>
<name>兮动人</name>
<age>22</age>
<fruits>apple</fruits>
<fruits>pear</fruits>
<fruits>grape</fruits>
</root>
4. JSON的解析和生成(JSON 和 JS 对象互转)
在JavaScript中,有两个方法与此相关:
JSON.parse
和JSON.stringify
。
JSON 和 JS 对象互转
要实现从JSON字符串转换为JS对象,使用
JSON.parse()
方法:
<script>
var str = '{"name": "兮动人","age":22}';
var obj = JSON.parse(str);
console.log(obj);
</script>

要实现从JS对象转换为JSON字符串,使用 JSON.stringify()
方法:
<script>
var str = '{"name": "兮动人","age":22}';
var obj = JSON.parse(str);
console.log(obj);
var jsonstr = JSON.stringify(obj);
console.log(jsonstr);
</script>

5、JSON格式规定

5.1、对象(0bject)
对象用大括号(“{}
”)括起来,大括号里是一系列的“名称/值对
”,请看概念图。

两个并列的数据之间用逗号(“,
”)隔开,注意两点:
使用英文的逗号(“,
”),不要用中文的逗号(“,
”)
最后一个“名称/值对
“之后不要加逗号
5.2、数组(Array)
数组表示一系列有序的值,用方括号(“
[]
”)包围起来,并列的值之间用逗号分隔,请看概念图。

例如,以下的数组是合法的:
[1,2,"three","four",true,false,null,[1,2],{"name":"兮动人"}]

5.3、名称/值对(Name/Value)
名称(Name)是一个字符串,要用双引号括起来,不能用单引号,也不能没有引号,这一点与JavaScript不同。
值的类型只有七种:
字符串(string)、数值(number)、对象(object)、数组(array), true、false、null
。不能有这之外的类型,例如undefined、函数
等。请看概念图。

字符串(string
)的规则如下:
英文双引号括起来,不能用单引号,也不能没有。
字符串中不能单独出现双引号(
”
)和右斜杠(“\
“)。如果要打双引号或右斜杠,需要使用“
右斜杠+字符
”的形式,例如\”
和\\
,其它的转义字符也是如此字符串的概念图。

6、字符串转化成对象

解析:是指将符合JSON 语法规则的字符串转换成对象的过程。
不同的编程语言都提供了解析JSON字符串的方法,在这里主要讲解JavaScript中的解析方法。主要有三种:
使用
eval()
使用
JSON.parse()
使用第三方库,例如JQuery等
6.1、 eval()
eval()
函数的参数是一个字符串,其作用是直接执行其中的 JavaScript代码。
案例:eval()解析字符串
<script>
var str = "console.log('hello')";
eval(str);
</script>
eval 解析字符串的结果:

eval()能够解析JSON字符串。从这里也可以看得出,JSON 和JavaScript是高度嵌合的。
案例:eval()解析JSON字符串
<script>
var str = '{"name":"兮动人","age":22}';
var obj = eval("("+str+")");
console.log(obj)
</script>
但是,现在已经很少直接使用eval()来解析了,如果您的浏览器版本真的是很旧,可能才需要这个方法。此外,eval()是一个相对危险的函数,因为字符串中可能含有未知因素。在这里,作为学习,还是要知道这也是一种方法。
请注意 eval()的参数,在字符串两旁加了括号,这是必须的,否则会报错。
因为JSON字符串是被大括号(“
{}
”)包围的,直接放到eval()
会被当成语句块来执行,因此要在两旁加上括号,使其变成表达式。
6.2、JSON. parse()
现在绝大多数浏览器都以支持
JSON.parse()
,是推荐使用的方式。如果输入了不符合规范的字符串,会报错。
案例:JSON字符串转换为JS对象
<script>
var str = '{"name":"兮动人","age":22}';
var obj = JSON.parse(str)
console.log(obj)
</script>

JSON.parse()
可以有第二个参数,是一个函数。此函数有两个参数:name和value
,分别代表名称和值。当传入一个JSON字符串后,JSON的每一组名称/值对
都要调用此函数。该函数有返回值,返回值将赋值给当前的名称(name)。利用第二个参数,可以在解析JSON字符串的同时对数据进行一些处理。
案例:

