JS实现的JSON序列化操作简单示例


Posted in Javascript onJuly 02, 2018

本文实例讲述了JS实现的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>

运行结果:

JS实现的JSON序列化操作简单示例

Javascript 相关文章推荐
Javascript与vbscript数据共享
Jan 09 Javascript
JavaScript confirm选择判断
Oct 18 Javascript
jquery中的$(document).ready()与window.onload的区别
Nov 18 Javascript
文本框根据输入内容自适应高度的代码
Oct 24 Javascript
使用typeof方法判断undefined类型
Sep 09 Javascript
node.js中Socket.IO的进阶使用技巧
Nov 04 Javascript
js实现密码强度检验
Jan 15 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
解决layui轮播图有数据不显示的情况
Sep 16 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 Javascript
JS内部事件机制之单线程原理
Jul 02 #Javascript
JS将网址url转化为JSON格式的方法
Jul 02 #Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 #Javascript
JS限制输入框输入的实现代码
Jul 02 #Javascript
webpack手动配置React开发环境的步骤
Jul 02 #Javascript
Angularjs中的$apply及优化使用详解
Jul 02 #Javascript
angularjs 的数据绑定实现原理
Jul 02 #Javascript
You might like
php 日期时间处理函数小结
2009/12/18 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
2015/03/12 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
javascript 带有滚动条的表格,标题固定,带排序功能.
2009/11/13 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
微信小程序前端源码逻辑和工作流
2016/09/25 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
js实现炫酷光感效果
2020/09/05 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
JavaScript async/await原理及实例解析
2020/12/02 Javascript
Python super()方法原理详解
2020/03/31 Python
Python设计密码强度校验程序
2020/07/30 Python
Python 中如何写注释
2020/08/28 Python
联想英国官网:Lenovo英国
2019/07/17 全球购物
PHP经典面试题
2016/09/03 面试题
Prototype是怎么扩展DOM的
2014/10/01 面试题
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
2015年预算员工作总结
2015/05/14 职场文书
小学庆六一主持词
2015/06/30 职场文书
《三国志》赏析
2019/08/27 职场文书
python之django路由和视图案例教程
2021/07/26 Python