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 中的事件教程
Apr 05 Javascript
Javascript 匿名函数及其代码模式原理
Mar 19 Javascript
JavaScript中神奇的call()方法
Mar 12 Javascript
Jquery基础之事件操作详解
Jun 14 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
关于vue.js弹窗组件的知识点总结
Sep 11 Javascript
详解使用Node.js 将txt文件转为Excel文件
Jul 05 Javascript
javaScript日期工具类DateUtils详解
Dec 08 Javascript
vue.js实现的绑定class操作示例
Jul 06 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
Aug 03 Javascript
node.js使用express框架进行文件上传详解
Mar 03 Javascript
vue中echarts引入中国地图的案例
Jul 28 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 用数组降低程序的时间复杂度
2009/12/04 PHP
PHP简单日历实现方法
2016/07/20 PHP
php获取微信openid方法总结
2019/10/10 PHP
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
javascript 模拟点击广告
2010/01/02 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
21个JavaScript事件(Events)属性汇总
2014/12/02 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
[37:37]DAC2018 4.4 淘汰赛 Optic vs Mineski 第二场
2018/04/05 DOTA
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
基于python实现微信模板消息
2015/12/21 Python
Python实现统计代码行的方法分析
2017/07/12 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
python-docx文件定位读取过程(尝试替换)
2020/02/13 Python
Python-openCV开运算实例
2020/07/05 Python
python 写一个文件分发小程序
2020/12/05 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
哥伦比亚最大的网上商店:Linio哥伦比亚
2016/09/25 全球购物
党的群众路线对照检查材料
2014/08/27 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
售票员岗位职责
2015/02/15 职场文书
培训心得体会怎么写
2016/01/25 职场文书
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏
Python的property属性详细讲解
2022/04/11 Python