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事件模型代码
Jul 01 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
Mar 14 Javascript
javascript设置金额样式转换保留两位小数示例代码
Dec 04 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
jQuery判断多个input file 都不能为空的例子
Jun 23 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
vue组件 $children,$refs,$parent的使用详解
Jul 31 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
SeaJS中use函数用法实例分析
Oct 10 Javascript
Javascript实现动态时钟效果
Nov 17 Javascript
Seajs源码详解分析
Apr 02 Javascript
Vue程序化的事件监听器(实例方案详解)
Jan 07 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统计文件大小,以GB、MB、KB、B输出
2011/05/29 PHP
php 批量替换html标签的实例代码
2013/11/26 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
PHP经典算法集锦【经典收藏】
2016/09/14 PHP
PHP二进制与字符串之间的相互转换教程
2016/10/14 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
python改变日志(logging)存放位置的示例
2014/03/27 Python
python实现简单的socket server实例
2015/04/29 Python
python实现中文分词FMM算法实例
2015/07/10 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
英国领先的维生素和补充剂品牌:Higher Nature
2019/08/26 全球购物
飞利浦美国官网:Philips美国
2020/02/28 全球购物
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
淘宝客服工作职责
2014/07/11 职场文书
公司周年庆典标语
2014/10/07 职场文书
幼儿学前班评语
2014/12/29 职场文书
亲属关系公证书样本
2015/01/23 职场文书
寒假安全保证书
2015/02/28 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
一道JS算法面试题——冒泡、选择排序
2021/04/21 Javascript
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js
java设计模式--原型模式详解
2021/07/21 Java/Android
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers
使用Redis实现点赞取消点赞的详细代码
2022/03/20 Redis