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 相关文章推荐
jquery图片上下tab切换效果
Mar 18 Javascript
node.js中的console用法总结
Dec 15 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
前端jquery部分很精彩
May 03 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
Feb 23 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
原生js实现五子棋游戏
May 28 Javascript
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 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正则的Unknown Modifier错误解决方法
2010/03/02 PHP
Javascript的匿名函数小结
2009/12/31 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
基于jQuery实现中英文切换导航条效果
2016/09/18 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
微信小程序图表插件(wx-charts)实例代码
2017/01/17 Javascript
深入理解Nodejs Global 模块
2017/06/03 NodeJs
seajs实现强制刷新本地缓存的方法分析
2017/10/16 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
vue组件tabbar使用方法详解
2018/11/06 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
jquery多级树形下拉菜单的实例代码
2019/07/09 jQuery
vue实现表单未编辑或未保存离开弹窗提示功能
2020/04/08 Javascript
Python实现批量检测HTTP服务的状态
2016/10/27 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
python绘制简单彩虹图
2018/11/19 Python
python简单验证码识别的实现方法
2019/05/10 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
浅谈numpy中np.array()与np.asarray的区别以及.tolist
2020/06/03 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
Python读取xlsx数据生成图标代码实例
2020/08/12 Python
python 写一个水果忍者游戏
2021/01/13 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
HTML5 SEO优化的一些建议
2020/08/27 HTML / CSS
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
德国消费电子产品购物网站:Guter Kauf
2020/09/15 全球购物
编辑求职信样本
2013/12/16 职场文书
总经理秘书工作职责
2013/12/26 职场文书
2015年全国助残日活动方案
2015/05/04 职场文书
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle