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 相关文章推荐
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
Dec 29 Javascript
解决jquery中美元符号命名冲突问题
Jan 08 Javascript
JS实现判断碰撞的方法
Feb 11 Javascript
JavaScript实现的简单拖拽效果
Jun 01 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
jquery操作ID带有变量的节点实例
Dec 07 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
微信小程序登陆注册功能的实现代码
Dec 10 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编程与应用
2006/10/09 PHP
php实现转换ubb代码的方法
2015/06/18 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
PHP中localeconv()函数的用法
2019/03/26 PHP
JTrackBar水平拖动效果
2007/07/15 Javascript
jquery复选框CHECKBOX全选、反选
2008/08/30 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
AngularJS入门教程之更多模板详解
2016/08/19 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
WebPack基础知识详解
2017/01/16 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
使用Angular CLI生成路由的方法
2018/03/24 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
2020/11/20 Javascript
Python编程二分法实现冒泡算法+快速排序代码示例
2018/01/15 Python
Python处理中文标点符号大集合
2018/05/14 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
python字符串判断密码强弱
2020/03/18 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
Pytorch十九种损失函数的使用详解
2020/04/29 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
PyCharm常用配置和常用插件(小结)
2021/02/06 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
日语系毕业生推荐信
2013/11/11 职场文书
八项规定对照检查材料
2014/08/31 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
工程款催款函
2015/06/24 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS