JavaScript JSON序列化操作详解与工具推荐
本文通过具体示例演示了JavaScript中JSON对象的序列化过程,重点解析了JSON.stringify方法的三个参数及其作用。文章提供了包括代码检验、格式化、XML/JSON转换在内的多款在线工具链接,旨在辅助开发者高效处理JSON数据格式问题。
JavaScript JSON序列化示例
本文通过具体示例介绍了JavaScript中JSON对象的序列化实现方式,供读者参考学习。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JOSN对象</title>
<script>
var book={
title:"php 最佳实践",
authors:['jack'],
edition:3,
year:2017
};
//JSON.stringify()有三个参数分别是json对象,过滤器(可以是数组or函数),是否在josn字符串中保留缩进(这个参数意义不大可忽略)
var jsonText=JSON.stringify(book);
var jsonText1=JSON.stringify(book,["title","year"]);
var jsonText2=JSON.stringify(book,function (key,value) {
switch (key){
case "title":
return "java 从入门到精通";
case "year":
return 2018;
case "edition":
return undefined;
default:
return value;
}
});
console.log(jsonText);//{"title":"php 最佳实践","authors":["jack"],"edition":3,"year":2017}
console.log(jsonText1);//{"title":"php 最佳实践","year":2017}
console.log(jsonText2);//{"title":"java 从入门到精通","authors":["jack"],"year":2018}
//JSON.parse(arg1,arg2) 可以接受2个参数一个是json字符串,一个是过滤函数
var jsonObject=JSON.parse(jsonText);
var jsonObject1=JSON.parse(jsonText,function(key,value){
if(key==="year"){
return 2019
}else if(key==="title"){
return "javascript 从入门到精通";
}else{
return value;
}
});
console.log(jsonObject);//Object {title: "php 最佳实践", authors: Array(1), edition: 3, year: 2017}
console.log(jsonObject1);//Object {title: "javascript 从入门到精通", authors: Array(1), edition: 3, year: 2019}
</script>
</head>
<body>
</body>
</html>
代码运行结果如下:

推荐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程序设计工作提供帮助。
JS空字符串、null和undefined转数字的结果是什么
2026-11-05 14:49:16
CodePen、JSFiddle与StackBlitz:主流JS在线编辑器对比
2026-11-05 13:38:29
JS怎么将时间戳转换为“刚刚”、“几分钟前”等相对时间
2026-11-05 12:55:14
JavaScript将儒略日逆向还原为公历日期时间的实现方法
2026-11-04 23:51:05
能在我的世界手机版直接修改JS代码吗
2026-11-04 19:02:53
