JavaScript中JSON序列化和反序列化的实现方法

作者:纸飞机时间:2026-10-22 04:48:37浏览:617

本文介绍了JavaScript中实现JSON对象序列化和反序列化的基本方法。通过JSON.stringify将对象转换为字符串,并利用eval函数将字符串还原为对象。文章提供了完整的HTML示例代码,展示了具体的操作步骤和运行结果,同时推荐了相关的在线JSON处理工具。

JavaScript JSON序列化与反序列化实现

本文详细介绍JavaScript中实现JSON数据序列化和反序列化的具体方法,供读者参考学习。

序列化操作:


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

反序列化操作:

使用eval函数将JSON字符串还原为JavaScript对象。


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>

运行效果如下图所示:

JavaScript 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编程有所帮助。

作者最新文章