详解JavaScript对象序列化


Posted in Javascript onJanuary 19, 2016

一.什么是对象序列化?

对象序列化是指将对象的状态转换为字符串(来自我这菜鸟的理解,好像有些书上也是这么说的,浅显易懂!);

序列化(Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程(来自“百度百科—序列化“,学术性强,略显高端);

二.为什么会有对象序列化?

世间万物,都有其存在的原因。为什么会有对象序列化呢?因为程序猿们需要它。既然是对象序列化,那我们就先从一个对象说起:

var obj = {x:1, y:2};

 

当这句代码运行时,对象obj的内容会存储在一块内存中,而obj本身存储的只是这块内存的地址的映射而已。简单的说,对象obj就是我们的程序在电脑通电时在内存中维护的一种东西,如果我们程序停止了或者电脑断电了,对象obj将不复存在。那么如何把对象obj的内容保存在磁盘上呢(也就是说在没电时继续保留着)?这时就需要把对象obj序列化,也就是说把obj的内容转换成一个字符串的形式,然后再保存在磁盘上。另外,我们又怎么通过HTTP协议把对象obj的内容发送到客户端呢?没错,还是需要先把对象obj序列化,然后客户端根据接收到的字符串再反序列化(也就是将字符串还原为对象)解析出相应的对象。这也正是”百度百科—序列化“中描述的两个作用——存储、传输。

三.JavaScript中的对象序列化

JSON的全称是”JavaScript Object Notation“——JavaScript对象表示法。ECMAScript 5中提供了内置函数JSON.stringify()和JSON.parse()用来序列化和还原JavaScript对象。它们使用起来也很简单:

详解JavaScript对象序列化

详解JavaScript对象序列化

可以看到,exampleStr和exampleObj2中并没有 y:undefined 的内容。这说明:JSON的语法是JavaScript语法的子集,它并不能表示JavaScript中的所有值,对于JSON语法不支持的属性,序列化后会将其省略。其详细规则如下:

  • ①对于JavaScript中的五种原始类型,JSON语法支持数字、字符串、布尔值、null四种,不支持undefined;
  • ②NaN、Infinity和-Infinity序列化的结果是null;
  • ③JSON语法不支持函数;
  • ④除了RegExp、Error对象,JSON语法支持其他所有对象;
  • ⑤日期对象序列化的结果是ISO格式的字符串,但JSON.parse()依然保留它们字符串形态,并不会将其还原为日期对象;
  • ⑥JSON.stringify()只能序列化对象的可枚举的自有属性;

从上面的例子也可以看到,在符合以上规则的情况下,还可以通过对象序列化和反序列化完成对象的深拷贝。

以上就是JSON.stringify()和JSON.parse()的常用用法了,但这两个方法并不止这么简单:

四.完整版JSON.stringify()

1.简介

序列化原始值、对象或数组

2.概要

JSON.stringify(o[, filter][, indent])

3.参数

o,要转换成JSON字符串的原始值、对象或数组

filter,可选参数,一个数组或函数

indent,可选参数,一个数值或一个字符串

4.返回

JSON格式的字符串,代表o的值,同时通过了filter的过滤,以及根据indent进行了格式化

5.描述

①当对象o自身带有toJSON()方法时,JSON.stringify()会调用o的toJSON()方法,并使用该方法的返回值而不是该对象本身进行字符串化;

②如果filter存在且是一个函数,那么该函数的返回值将会作为JSON.stringify()方法的返回值。并且该函数接收两个参数,第一个参数是一个空字符串,第二个参数就是对象o。

③如果filter存在且是一个字符串数组(如果数组中包含数字,数字会自动转化为字符串),那么对象o的某些属性名如果不在这个数组中,则序列化时会将这些属性省略,且返回的字符串中属性的顺序会与该数组中属性的顺序一致;

④JSON.stringify()返回的通常是不带任何空格或换行符的字符串。如果想输出可读性更好的字符串,需要指定第三个参数。如果指定的第三个参数是介于1~10之间的值,则JSON.stringify()会在每一“层级”的输出插入换行符和指定个数的空格。如果指定的第三个参数是非空字符串,则JSON.stringify()会插入换行符和该字符串(只取前十个字符)来缩进层级;

五.完整版JSON.parse()

1.简介

解析JSON格式的字符串

2.概要

JSON.parse(s[, reviver])

3.参数

s,要解析的字符串

reviver,可选参数,用来转换解析值的可选函数

4.返回

一个对象、数组或原始值。该返回值是从s中解析的(还有可能被reviver修改过);

5.描述

①如果指定了reviver函数,该函数会为从s中解析的每一个原始值(不是包含这些原始值的对象或数组)调用一次。调用reviver时带有两个参数,第一个参数是属性名——对象的属性名或转换成字符串的数组序号,第二个参数是对象属性或数组元素的原始值。并且,reviver函数的返回值将作为JSON.parse()的返回值;

以上就是关于JavaScript对象序列化的相关内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
Ext 今日学习总结
Sep 19 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
Angularjs单选改为多选的开发过程及问题解析
Feb 17 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
May 02 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
Jul 18 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
jquery分页插件pagination使用教程
Oct 23 jQuery
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
学习JavaScript设计模式之单例模式
Jan 19 #Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
Jan 19 #Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 #Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 #Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 #Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
Jan 19 #Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
Jan 19 #Javascript
You might like
我的论坛源代码(六)
2006/10/09 PHP
php生成WAP页面
2006/10/09 PHP
PHP 的几个配置文件函数
2006/12/21 PHP
PHP源码之explode使用说明
2011/08/05 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
jQuery针对各类元素操作基础教程
2014/08/29 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
js实现文字滚动效果
2016/03/03 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
JS实现touch 点击滑动轮播实例代码
2017/01/19 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
node.js支持多用户web终端实现及安全方案
2017/11/29 Javascript
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
基于Python List的赋值方法
2018/06/23 Python
PyQt5高级界面控件之QTableWidget的具体使用方法
2020/02/23 Python
解决paramiko执行命令超时的问题
2020/04/16 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
Zadig&Voltaire官网:法国时装品牌
2018/01/05 全球购物
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
求职自荐信格式
2013/12/04 职场文书
电子商务专业个人的自我评价
2013/12/19 职场文书
2014年度个人工作总结
2014/11/07 职场文书
父亲节寄语大全
2015/02/27 职场文书
面试通知短信
2015/04/20 职场文书
2016年母亲节广告语
2016/01/28 职场文书