当前位置:主页 > javascript教程 > JS实现json的序列化和反序列化功能示例

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

发布:2020-02-05 17:25:28 165


为找教程的网友们整理了javascript相关的编程文章,网友菱睿好根据主题投稿了本篇教程内容,涉及到JS、json、序列化和反序列化、JS实现json的序列化和反序列化功能示例相关内容,已被463网友关注,如果对知识点想更进一步了解可以在下方电子资料中获取。

JS实现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>

运行效果图如下:

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

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程序设计有所帮助。


参考资料

相关文章

  • 详细介绍node.js中的url.format方法

    发布:2020-02-01

    这篇文章主要介绍了node.js中的url.format方法使用说明,本文介绍了url.format的方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下


  • 实例分析JavaScript设计模式之策略模式

    发布:2020-02-22

    这篇文章主要为大家详细介绍了JavaScript设计模式之策略模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • js 计算图片内点个数详解

    发布:2020-03-18

    这篇文章主要介绍了js 计算图片内点个数的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • js实现方块上下左右移动效果的实例分享

    发布:2019-11-15

    这篇文章主要为大家详细介绍了js实现方块上下左右移动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • 详细介绍angular之ng-template模板加载

    发布:2020-02-11

    本篇文章主要介绍了angular之ng-template模板加载,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • JQuery和Js中让ajax执行完后再继续往下执行的实现方法

    发布:2020-02-02

    查了不少资料,最后,还是jquery指南的书上找到了详细的参数(async: false,),做好后,示例代码放上,如下所示,需要的朋友可以参考下


  • js获取元素的具体样式信息getcss

    发布:2021-05-14

    下面小编就为大家带来一篇js 获取元素的具体样式信息getcss(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 使用javascript如何实现文字无缝滚动

    发布:2020-03-12

    这篇文章主要为大家详细介绍了javascript实现文字无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


网友讨论