JS实现json的序列化和反序列化功能示例

 更新时间:2017年06月13日 10:43:33   作者:_iorilan  
这篇文章主要介绍了JS实现json的序列化和反序列化功能,结合具体实例形式分析了javascript针对json的序列化与反序列化相关实现技巧,需要的朋友可以参考下

本文实例讲述了JS实现json的序列化和反序列化功能。分享给大家供大家参考,具体如下:

序列化:

var s = new Object();
s.Name = "clientValue";
s.Id = 1;
s.ClassId = 2;
var data = JSON.stringify(s);
console.log(data);

反序列化:

eval将字符串反序列化成对象

var s = eval('(' + data+ ')');
console.log(s.Name);

完整示例:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>json序列化与反序列化</title>
</head>
<body>
<script >
//序列化
var s = new Object();
s.Name = "clientValue";
s.Id = 1;
s.ClassId = 2;
var data = JSON.stringify(s);
console.log(data);
//反序列化
var s = eval('(' + data+ ')');
console.log(s.Name);
</script>
</body>
</html>

运行效果图如下:

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在线格式化工具:
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • php结合js实现多条件组合查询

    php结合js实现多条件组合查询

    这篇文章主要为大家详细介绍了php结合js实现多条件组合查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • 理解Javascript_06_理解对象的创建过程

    理解Javascript_06_理解对象的创建过程

    在《理解Javascript_05_原型继承原理》一文中已经详细的讲解了原型链的实现原理,大家都知道原型链是基于对象创建的(没有对象,哪来原型),那么今天就来解析一下对象的创建过程。
    2010-10-10
  • Openlayers绘制地图标注

    Openlayers绘制地图标注

    这篇文章主要为大家详细介绍了Openlayers绘制地图标注,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • TypeScript中的方法重载详解

    TypeScript中的方法重载详解

    这篇文章主要给大家介绍了关于TypeScript中方法重载的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用TypeScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • coffeescript使用的方式汇总

    coffeescript使用的方式汇总

    而来到CoffeeScript的世界,美妙故事再次上演。在写了几行代码后我相信你将不会再想念原生的Javascript了。CoffeeScript包含了许多新特性,当将它与jQuery,node.js,javascript结合时,你会发现一片新天地。
    2015-08-08
  • 微信小程序点击生成朋友圈分享图(遇到的坑)

    微信小程序点击生成朋友圈分享图(遇到的坑)

    这篇文章主要介绍了微信小程序 点击生成朋友圈分享图,本文给大家分享小编在实现此功能时遇到的各种坑,通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • js隐式转换的知识实例讲解

    js隐式转换的知识实例讲解

    在本篇文章中,小编给大家分享了关于js隐式转换的相关知识点内容,有兴趣的朋友们参考学习下。
    2018-09-09
  • JS+html5制作简单音乐播放器

    JS+html5制作简单音乐播放器

    这篇文章主要为大家详细介绍了JS html5制作简单音乐播放器的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 基于javascript制作经典传统的拼图游戏

    基于javascript制作经典传统的拼图游戏

    这篇文章主要为大家详细介绍了基于javascript制作拼图游戏的相关内容,经典传统的拼图游戏是大家最喜爱的游戏之一,具有挑战性,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 微信开发 消息推送实现代码

    微信开发 消息推送实现代码

    这篇文章主要介绍了微信开发 消息推送实现代码的相关资料,需要的朋友可以参考下
    2016-10-10

最新评论