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 异步调用框架 (Part 5 - 链式实现)
Aug 04 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 Javascript
Prototype源码浅析 Enumerable部分之each方法
Jan 16 Javascript
基于jquery的放大镜效果
May 30 Javascript
iframe的父子窗口之间的对象相互调用基本用法
Sep 03 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
Aug 31 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
javascript鼠标滑过显示二级菜单特效
Nov 18 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
Apr 28 Javascript
使用NestJS开发Node.js应用的方法
Dec 03 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
用来给图片加水印的PHP类
2008/04/09 PHP
PHP访问MYSQL数据库封装类(附函数说明)
2010/12/04 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
PHP Swoole异步MySQL客户端实现方法示例
2019/10/24 PHP
js实现iframe动态调整高度的代码
2008/01/06 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
基于jquery实现的树形菜单效果代码
2015/09/06 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
JavaScript必看小技巧(必看)
2016/06/07 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
JavaScript每天必学之基础知识
2016/09/17 Javascript
详解AngularJS之$window窗口对象
2018/01/17 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
Python中的time模块与datetime模块用法总结
2016/06/30 Python
Python操作使用MySQL数据库的实例代码
2017/05/25 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
python全栈知识点总结
2019/07/01 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
django中嵌套的try-except实例
2020/05/21 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
Python中Selenium模块的使用详解
2020/10/09 Python
HTML5 Canvas锯齿图代码实例
2014/04/10 HTML / CSS
美国网上书店:Barnes & Noble
2018/08/15 全球购物
国际商务系学生个人的自我评价
2013/11/26 职场文书
新年联欢会主持词
2014/03/27 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
信访工作汇报材料
2014/10/27 职场文书
同意落户证明
2015/06/19 职场文书