js序列化和反序列化的使用讲解


Posted in Javascript onJanuary 19, 2019

(1)序列化

即js中的Object转化为字符串

1.使用obj.toJSONString()

var str=obj.toJSONString(); //将JSON对象转化为JSON字符

2.使用JSON.stringify(obj)

var str=JSON.stringify(obj); //将JSON对象转化为JSON字符

(2)反序列化

即js中JSON字符串转化为Object

1.使用eval('('+josnStr+')')

var obj=eval("("+data+")");

为什么要 eval这里要添加 "("+data+");//”呢?

原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。

2.使用jsonStr.parseJSON()

​var obj = jsonStr.parseJSON(); //由JSON字符串转换为JSON对象

3.使用parse(jsonStr)

var obj = JSON.parse(data); //由JSON字符串转换为JSON对象

(3)使用场景

1.向后台传递参数、接收后台返回值

  如果后台返回的是一个String(Object序列化后返回),那么需要在js中使用eval或者parse等转化为Object再使用;

  如果返回时传递了类型,比如就是Object,那么直接使用就好

2.在页面间传递数据,特别是数组时

  需要使用序列化,否则IE会报错:不能执行已经释放Script的代码

3.在进行本地存储时

  存储在本地window.localStorage.setItem(key,value)存储的value是json序列化的字符串;获取得到的window.localSorage.getItem(key)也是json序列化的字符串,需要经过json的反序列化进行使用(常见json序列化数组)

若有不足请多多指教!希望给您带来帮助!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
jquery二级目录选中当前页的css样式
Dec 08 Javascript
Node.js与Sails redis组件的使用教程
Feb 14 Javascript
详解webpack和webpack-simple中如何引入css文件
Jun 28 Javascript
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
关于jquery layui弹出层的使用方法
Apr 21 jQuery
js技巧之十几行的代码实现vue.watch代码
Jun 09 Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 Javascript
vue-router传参用法详解
Jan 19 #Javascript
vue-router实现嵌套路由的讲解
Jan 19 #Javascript
vue-router实现编程式导航的代码实例
Jan 19 #Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 #Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 #Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 #Javascript
vue-router命名视图的使用讲解
Jan 19 #Javascript
You might like
php join函数应用
2011/05/04 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
jquery 插件开发备注
2010/08/27 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
js使用for循环与innerHTML获取选中tr下td值
2014/09/26 Javascript
JS实现倒计时和文字滚动的效果实例
2014/10/29 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
2015/09/15 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
jQuery简单实现彩色云标签效果示例
2016/08/01 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
关于JS模块化的知识点分享
2019/10/16 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
py2exe 编译ico图标的代码
2013/03/08 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
python3爬取torrent种子链接实例
2020/01/16 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
浅析border-radius如何兼容IE
2016/04/19 HTML / CSS
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
大学军训自我鉴定
2013/12/15 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
辩论赛主持词
2014/03/18 职场文书
美术社团活动总结
2014/06/27 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
解除同居协议书
2015/01/29 职场文书
英语教师个人总结
2015/02/09 职场文书
应聘教师自荐信
2015/03/26 职场文书