详解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 相关文章推荐
JavaScript使用技巧精萃[代码非常实用]
Nov 21 Javascript
IE8 原生JSON支持
Apr 13 Javascript
jQuery Ajax使用 全解析
Dec 15 Javascript
jquery ajax return没有返回值的解决方法
Oct 20 Javascript
原生javascript获取元素样式
Dec 31 Javascript
JS继承用法实例分析
Feb 05 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
Dec 18 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
JavaScript插入排序算法原理与实现方法示例
Aug 06 Javascript
vue键盘事件点击事件加native操作
Jul 27 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
DC的38部超级英雄动画电影
2020/03/03 欧美动漫
分享PHP入门的学习方法
2007/01/02 PHP
PHP获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
jQuery find和children方法使用
2011/01/31 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
Jquery中删除元素的实现代码
2011/12/29 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
js右下角弹出提示框示例代码
2016/01/12 Javascript
jQuery视差滚动效果网页实现方法经验总结
2016/09/29 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
微信公众号网页分享功能开发的示例代码
2020/05/27 Javascript
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
Python 的 Socket 编程
2015/03/24 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
Python多进程原理与用法分析
2018/08/21 Python
Django Rest framework权限的详细用法
2019/07/25 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
几个MySql的面试题
2013/04/22 面试题
4s客服专员岗位职责
2013/12/01 职场文书
ktv好的活动方案
2014/08/15 职场文书
做人民满意的公务员活动方案
2014/08/25 职场文书
2015年优质护理服务工作总结
2015/04/08 职场文书
保护环境的宣传语
2015/07/13 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
查看nginx配置文件路径和资源文件路径的方法
2021/03/31 Servers
MySQL连表查询分组去重的实现示例
2021/07/01 MySQL
vue实现Toast组件轻提示
2022/04/10 Vue.js
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS