欢迎光临散文网 会员登陆 & 注册

深入掌握Json

2021-05-11 14:31 作者:汇智知了堂  | 我要投稿

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 对象互转

  1. 要实现从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)的规则如下:

  1. 英文双引号括起来,不能用单引号,也不能没有。

  2. 字符串中不能单独出现双引号()和右斜杠(“\“)。

  3. 如果要打双引号或右斜杠,需要使用“右斜杠+字符”的形式,例如\”\\,其它的转义字符也是如此字符串的概念图。

6、字符串转化成对象



  • 解析:是指将符合JSON 语法规则的字符串转换成对象的过程。

  • 不同的编程语言都提供了解析JSON字符串的方法,在这里主要讲解JavaScript中的解析方法。主要有三种:

  1. 使用eval()

  2. 使用JSON.parse()

  3. 使用第三方库,例如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字符串的同时对数据进行一些处理。

案例:


深入掌握Json的评论 (共 条)

分享到微博请遵守国家法律