javajson包有哪些(0基础小白深入掌握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 对象互转
  1. 要实现从JSON字符串转换为JS对象,使用 JSON.parse() 方法:

<script> var str = '{"name": "兮动人","age":22}'; var obj = JSON.parse(str); console.log(obj); </script>

javajson包有哪些(0基础小白深入掌握Json)(1)

要实现从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>

javajson包有哪些(0基础小白深入掌握Json)(2)

5、JSON格式规定

javajson包有哪些(0基础小白深入掌握Json)(3)

5.1、对象(0bject)

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

javajson包有哪些(0基础小白深入掌握Json)(4)

两个并列的数据之间用逗号(“,”)隔开,注意两点:

使用英文的逗号(“,”),不要用中文的逗号(“,”)

最后一个“名称/值对“之后不要加逗号

5.2、数组(Array)
  • 数组表示一系列有序的值,用方括号(“[]”)包围起来,并列的值之间用逗号分隔,请看概念图。

javajson包有哪些(0基础小白深入掌握Json)(5)

例如,以下的数组是合法的:

[1,2,"three","four",true,false,null,[1,2],{"name":"兮动人"}]

javajson包有哪些(0基础小白深入掌握Json)(6)

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

javajson包有哪些(0基础小白深入掌握Json)(7)

字符串(string)的规则如下:

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

javajson包有哪些(0基础小白深入掌握Json)(8)

6、字符串转化成对象

javajson包有哪些(0基础小白深入掌握Json)(9)

  • 解析:是指将符合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 解析字符串的结果:

javajson包有哪些(0基础小白深入掌握Json)(10)

  • 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>

javajson包有哪些(0基础小白深入掌握Json)(11)

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

案例:

<script> var str = '{"name":"兮动人","age":22}'; var obj = JSON.parse(str,fun); function fun(name,value){ console.log(name ":" value); return value } console.log(obj) </script>

javajson包有哪些(0基础小白深入掌握Json)(12)

可以做判断处理,当JSON字符串的 name=age 时,设置age的value=14

<script> var str = '{"name":"兮动人","age":22}'; var obj = JSON.parse(str,fun); function fun(name,value){ if (name ** "age") value = 14; return value } console.log(obj) </script>

javajson包有哪些(0基础小白深入掌握Json)(13)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页