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 相关文章推荐
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
Dec 17 Javascript
JS获取地址栏参数的小例子
Aug 23 Javascript
js点击button按钮跳转到另一个新页面
Oct 10 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
Jun 19 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
JS手机端touch事件计算滑动距离的方法示例
Oct 26 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
Aug 24 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 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
收音机指标测试方法及仪器
2021/03/01 无线电
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
php实现简单文件下载的方法
2015/01/30 PHP
php5.4以上版本GBK编码下htmlspecialchars输出为空问题解决方法汇总
2015/04/03 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
浅谈PHP中try{}catch{}的使用方法
2016/12/09 PHP
FireFox与IE 下js兼容触发click事件的代码
2008/11/20 Javascript
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
js实现广告漂浮效果的小例子
2013/07/02 Javascript
javascript动态控制服务器控件实例
2014/09/05 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
js实现表格筛选功能
2017/01/18 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
简单了解django文件下载方式
2020/02/10 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
Python离线安装各种库及pip的方法
2020/11/28 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
意大利在线药房:shop-farmacia.it
2019/03/12 全球购物
高级Java程序员面试要点
2013/08/02 面试题
计算机专业毕业生求职信
2014/04/30 职场文书
家长高考寄语
2015/02/27 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
pytorch中的torch.nn.Conv2d()函数图文详解
2022/02/28 Python