详解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 相关文章推荐
使用JQUERY Tabs插件宿主IFRAMES
Jan 01 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
Nov 19 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
Oct 22 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
js正则表达式验证表单【完整版】
Mar 06 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
extract-text-webpack-plugin用法详解
Feb 14 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
vue之延时刷新实例
Nov 14 Javascript
Vue数字输入框组件使用方法详解
Feb 10 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
PHP+javascript模拟Matrix画面
2006/10/09 PHP
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
利用PHP_XLSXWriter代替PHPExcel的方法示例
2017/07/16 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
jQuery 对象中的类数组操作
2009/04/27 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
2013/12/18 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
jQuery中before()方法用法实例
2014/12/25 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
原生JS控制多个滚动条同步跟随滚动效果
2017/12/22 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
js实现for循环跳过undefined值示例
2019/07/02 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
携程英文网站:Trip.com
2017/02/07 全球购物
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
介绍一下.net和Java的特点和区别
2012/09/26 面试题
会计自我鉴定
2014/02/04 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
公务员个人总结
2015/02/12 职场文书
如何写辞职书
2015/02/26 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
vue+springboot实现登录验证码
2021/05/27 Vue.js