js序列化和反序列化的使用讲解
(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序列化数组)
若有不足请多多指教!希望给您带来帮助!
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接
上一篇: 只需一元一瓶,快来抢购
下一篇: webpack 4.x之搭建前端开发环境
推荐阅读
-
js序列化和反序列化的使用讲解
-
详解java中的深拷贝和浅拷贝(clone()方法的重写、使用序列化实现真正的深拷贝)
-
Newtonsoft.Json C# Json序列化和反序列化工具的使用、类型方法大全
-
移动端使用CSS或JS判断横屏和竖屏的讲解
-
vue.js中ref和$refs的使用及示例讲解
-
解决Spring Boot和Feign中使用Java 8时间日期API(LocalDate等)的序列化问题
-
JS对象序列化成json数据和json数据转化为JS对象的代码
-
JS实现json的序列化和反序列化功能示例
-
js数据类型的区别和使用讲解
-
Python使用protobuf序列化和反序列化的实现