如何详细讲解JavaScript中的序列化与反序列化操作技巧？

本文共计500个文字，预计阅读时间需要2分钟。

（1）序列化 + 将js中的Object转换为字符串 + 1. 使用 obj.toJSONString() + var str=obj.toJSONString(); // 将JSON对象转换为JSON字符串 + 2. 使用 JSON.stringify(obj) + var str=JSON.stringify(obj); // 将JSON对象转换为JSON字符串

（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序列化数组）

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

总结

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