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的面向对象(二)
Nov 09 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
初识Javascript小结
Jul 16 Javascript
jquery结婚电子请柬特效源码分享
Aug 21 Javascript
jQuery layui常用方法介绍
Jul 25 Javascript
webpack构建vue项目的详细教程(配置篇)
Jul 17 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
VueJs组件prop验证简单介绍
Sep 12 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 Javascript
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 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
杏林同学录(二)
2006/10/09 PHP
PHP 批量删除数据的方法分析
2009/10/30 PHP
PHP 存储文本换行实现方法
2010/01/05 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
ThinkPHP整合百度Ueditor图文教程
2014/10/21 PHP
php源码 fsockopen获取网页内容实例详解
2016/09/24 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
与jquery serializeArray()一起使用的函数,主要来方便提交表单
2011/01/31 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
2016/03/01 Javascript
在React框架中实现一些AngularJS中ng指令的例子
2016/03/06 Javascript
js实现获取两个日期之间所有日期的方法
2016/06/17 Javascript
jQuery获取radio选中项的值实例
2016/06/18 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
JS滚动到指定位置导航栏固定顶部
2017/07/03 Javascript
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
推荐15个最好用的JavaScript代码压缩工具
2019/02/13 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
zbar解码二维码和条形码示例
2014/02/07 Python
python正则表达式之作业计算器
2016/03/18 Python
Python3导入自定义模块的三种方法详解
2018/04/13 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
澳大利亚拥有最好的家具和家居用品在线目的地:Nestz
2019/02/23 全球购物
维氏瑞士军刀英国网站:Victorinox英国
2019/07/04 全球购物
文艺晚会策划方案
2014/06/11 职场文书
节电标语大全
2014/06/23 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
2015年出纳年终工作总结
2015/05/14 职场文书
Python WSGI 规范简介
2021/04/11 Python