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 相关文章推荐
接收键盘指令的脚本
Jun 26 Javascript
调用js时ie6和ie7,ff的区别
Aug 19 Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 Javascript
基于javascript html5实现3D翻书特效
Mar 14 Javascript
Javascript中arguments对象的详解与使用方法
Oct 04 Javascript
详谈jQuery中的一些正则匹配表达式
Mar 08 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 Javascript
基于layui内置模块(element常用元素的操作)
Sep 20 Javascript
原生js拖拽实现图形伸缩效果
Feb 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实现的树形结构数据存取类实例
2014/11/29 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
2013/04/08 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
jQuery实现验证用户登录
2019/12/10 jQuery
如何基于jQuery实现五角星评分
2020/09/02 jQuery
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
python实现文件名批量替换和内容替换
2014/03/20 Python
Python数据操作方法封装类实例
2017/06/23 Python
简单了解Python中的几种函数
2017/11/03 Python
详解Python中的正则表达式
2018/07/08 Python
Python实现的列表排序、反转操作示例
2019/03/13 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
django自带调试服务器的使用详解
2019/08/29 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
个人求职简历中英文自我评价
2013/12/16 职场文书
推荐信格式范文
2014/05/09 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
婚庆答谢词
2015/01/04 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
经典法律座右铭(50句)
2019/08/15 职场文书
Golang 编译成DLL文件的操作
2021/05/06 Golang