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 DOM 学习第三章 内容表格
Feb 19 Javascript
JQuery优缺点分析说明
Jun 09 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
原生JS中slice()方法和splice()区别
Mar 06 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
Nov 24 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 Javascript
微信小程序实现锚点跳转
Nov 23 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
ASP知识讲座四
2006/10/09 PHP
如何把PHP转成EXE文件
2006/10/09 PHP
创建配置文件 用PHP写出自己的BLOG系统 2
2010/04/12 PHP
如何让thinkphp在模型中自动完成session赋值小教程
2014/09/05 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
PHP获取页面执行时间的方法(推荐)
2016/12/10 PHP
PHP设计模式(九)外观模式Facade实例详解【结构型】
2020/05/02 PHP
JavaScript函数、方法、对象代码
2008/10/29 Javascript
页面中iframe相互传值传参
2009/12/13 Javascript
js的一些常用方法小结
2011/06/29 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
JavaScript内置对象之Array的使用小结
2020/05/12 Javascript
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
python编写Logistic逻辑回归
2020/12/30 Python
Python决策树之基于信息增益的特征选择示例
2018/06/25 Python
Python SQL查询并生成json文件操作示例
2018/08/17 Python
关于python多重赋值的小问题
2019/04/17 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
html5 更新图片颜色示例代码
2014/07/29 HTML / CSS
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
捐款倡议书格式范文
2014/05/14 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
市场总监岗位职责
2015/02/11 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
六五普法心得体会2016
2016/01/21 职场文书
Python包argparse模块常用方法
2021/06/04 Python