第二十章

一、语法

JSON的语法可以表示以下三种类型的值:

(1)简单值

(2)对象

JSON的对象与javascript字面量有一些不同。例如,在javascript中,前面的对象字面量可以写成下面这样:

var  object = {

“name” : “Nicholas” ,

“age” : 29

} ;

JSON表示上述对象的方式如下:

{

“name” : “Nicholas” ,

“age” : 29

}

不同之处:首先,没有声明变量,其次,没有末尾的分号。最后,对象的属性必须加双引号。

(3)数组

下面是javascript中的数组字面量:

var  values = [25 , “hi” , true] ;

在JSON中,可以采用同样的语法表示同一个数组:

[]25 , “hi” , true]

同样,JSON数组也没有变量和分号。

二、解析与序列化

1.JSON对象

早期的JSON解析器基本上就是使用javascript的eval()函数。由于JSON是javascript语法的子集,因此eval()函数可以解析、解释并返回javascript对象和数组。

JSON对象有两个方法:stringgy( )和parse( )。在最简单的情况下,这两个方法分别用于把javascript对象序列化为JSON字符串和把JSON字符串解析为原生javascript值。

2.序列化选项

JSON.stringify( )除了要序列化的javascript对象外,还可以接收另外两个参数,这两个参数用于指定以不同的方式序列化javascript对象。第一个参数是过滤器,可以是一个数组,也可以是一个函数;第二个参数是一个选项,表示是否在JSON字符串中保留缩进。

(1)过滤结果

如果过滤器参数是数组,那么JSON.stringify( )的结果中将只包含数组中列出的属性。来看下面的例子:

var  book = {

“title” : “Professional JavaScript” ,

“authors” : [

“Nicholas C.Zakas”] ,

edition : 3 , year : 2011

} ;

var jsonText = JSON.stringify( book , [“title” , “edition”] ) ;

JSON.stringify( ) 的第二个参数是一个数组,其中包含两个字符串:”title”和”editon”。这两个属性与将要序列化的对象中的属性是对应的,因此在返回的结果字符串中,就只会包含这两个属性:

{ “title” : “Professional  JavaScript” , “edition” : 3 }

(2)字符串缩进

JSON.stringify( )方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数值,那它表示的是每个级别缩进的空格数。例如,要在每个级别缩进4个空格,可以这样写代码:

var  book = {

“title” : “Professional  JavaScript” ;

“authors” : [

“Nicholas  C . Zakas”

] ,

edition : 3 ,

year : 2011

} ;

var  jsonText = JSON.stringify( nook , null , 4 ) ;

(3)toJSON()方法

有时候,JSON.stringify( )还是不能满足对某些对象进行自定义序列化的需求。在这些情况下,可以通过对象上调用toJSON()方法,返回其自身的JSON数据格式。

toJSON( )可以作为函数过滤器的补充,因此理解序列化的内部顺序十分重要。假设把一个对象传入JSON.stringify( ),序列化该对象的顺序如下:

如果存在toJSON( )方法而且能通过它取得有效的值,则调用该方法。否则,按默认顺序执行序列化。

如果提供了第二个参数,应该用这个函数过滤器。传入函数过滤器的值是第(1)步返回的值。

对第(2)步返回的每个值进行相应的序列化。

如果提供了第三个参数,执行相应的格式化。

3.解析选项

JSON.parse( )方法也可以接收另一个参数,该参数是一个函数,将在每个键值对上调用。为了区别JSON.stringify( )接收的替换函数,这个函数被称为还原函数。

JavaScript高级程序设计:第二十章的更多相关文章

  1. javascript高级程序设计第二章知识点提炼

    这是我整理的javascript高级程序设计第二章的脑图,内容也是非常浅显与简单.希望您看了我的博客能够给我一些意见或者建议.

  2. JavaScript 高级程序设计第二版

    20.4 部署 20.4.1 构建 构建过程始于在源控制中定义用于存储文件的逻辑结构.最好避免使用一个文件存放所有的JavaScript,遵循以下面向对象语言中的典型模式:将每个对象或自定义了类别分别 ...

  3. javascript高级程序设计---第二、三章

    在HTML中引用javaScript javascript的几个属性  type async(异步加载 只适用于外部JS且IE8以上 HTML5规范 先于load执行) src defer(延迟加载 ...

  4. JavaScript 高级程序设计 第二版

    function outputNumbers(count) {     (function () {         for (var i =0;i < count; i++) {        ...

  5. javascript高级程序设计第二章

    看后总结: 1.js代码用得最多的两种加载方式: a)外部文件形式:<script type="text/javascript" src="jquery.min.j ...

  6. 读书笔记 - javascript 高级程序设计 - 第二章 在Html中使用JavaScript

    1 <script>的6个属性 async  立即下载当前script标签的外部脚本 但不能影响别的 charset 没用了 defer  文档显示之后再执行脚本,只对外部脚本有效 lan ...

  7. 《Javascript高级程序设计》阅读记录(一):第二、三章

    <Javascript高级程序设计>阅读记录(一) 这个系列,我会把阅读<Javascript高级程序设计>之后,感觉讲的比较深入,而且实际使用价值较大的内容记录下来,并且注释 ...

  8. 《JavaScript高级程序设计》(第二版)

    这本书的作者是 Nicholas C.Zakas ,博客地址是 http://www.nczonline.net/ ,大家可以去多关注,雅虎的前端工程师,是YUI的代码贡献者,可想而知这本书得含金量, ...

  9. 《JavaScript高级程序设计》——第二章在HTML使用JavaScript

    这章讲的是JavaScript在HTML中的使用,也就是<script>元素的属性.书中详细讲了async.defer.src和type四个<script>的属性. 下面是对第 ...

  10. 《JavaScript高级程序设计(第3版)》阅读总结记录第一章之JavaScript简介

    前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...

随机推荐

  1. rhel7.2 yum

    redhat 的更新包只对注册的用户生效,所以我们自己手动更改成CentOS 的更新包,CentOS几乎和redhat是一样的,所以无需担心软件包是否可安装,安装之后是否有问题. (前提是wget包已 ...

  2. Hibernate HQL查询语句总结

    Hibernate HQL查询语句总结 1. 实体查询:有关实体查询技术,其实我们在先前已经有多次涉及,比如下面的例子:String hql="from User user ";L ...

  3. mysql 分组按条件统计

    百度经验 COUNT(CASE WHEN (S.rank = 1) THEN S.loanContractId END ) AS 'MZ',  //根据loanContractId 分组,并统计ran ...

  4. ios9 新关键字 __kindof 等(etc) 小结

    首先__kindof:规定参数为UITableViewCell(举例)这个类或者其子类.比如说一个NSArray<UIView *>*,如果不加__kindof,这个数组只能有UIView ...

  5. ubuntu 文件编码错误

    linux 打开出现中文编码错误(invalid encoding): convmv -f gbk -t utf-8 -r --notest /filename

  6. iScroll屏幕滑动函数封装总结

    //iScroll.js屏幕滚动函数 function funScroll(a,b) { var d; function beforload() { d = new iScroll(a, { chec ...

  7. NDK常见错误

    1.错误1: android mk文件没有定义 $ ndk-buildAndroid NDK: Your APP_BUILD_SCRIPT points to an unknown file: /cy ...

  8. php 语音参考

    如果文件内容是纯 PHP 代码,最好在文件末尾删除 PHP 结束标记.这可以避免在 PHP 结束标记之后万一意外加入了空格或者换行符,会导致 PHP 开始输出这些空白,而脚本中此时并无输出的意图.   ...

  9. 火狐中,设置align="center"失效的解决方法

    如下: <img align="center" style="vertical-align:top"></img> 只需要加上: ver ...

  10. YII使用PHPExcel导入Excel文件的方法

    1.下载phpexcel,将压缩包中的classes复制到protected/extensions下并修改为PHPExcel. 2.修改YII配置文件config/main.php 'import'= ...