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 相关文章推荐
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
jquery 如何动态添加、删除class样式方法介绍
Nov 07 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
JavaScript深度复制(deep clone)的实现方法
Feb 19 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
May 12 Javascript
vue-better-scroll 的使用实例代码详解
Dec 03 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
May 20 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
May 30 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 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 radio 单选框获取与保持值的实现代码
2010/05/15 PHP
php随机显示图片的简单示例
2014/02/15 PHP
PHP中的日期加减方法示例
2014/08/21 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php中JSON的使用方法
2015/04/30 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
laravel学习教程之关联模型
2016/07/30 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
2011/12/20 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
详解vue-cli3多页应用改造
2019/06/04 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
Python编程实现的简单Web服务器示例
2017/06/22 Python
Python日期的加减等操作的示例
2017/08/15 Python
python 全局变量的import机制介绍
2017/09/07 Python
django输出html内容的实例
2018/05/27 Python
基于Django URL传参 FORM表单传数据 get post的用法实例
2018/05/28 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
python字典的值可以修改吗
2020/06/29 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
工作交流会欢迎词
2014/01/12 职场文书
七一党建活动方案
2014/01/28 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
质量主管工作职责
2014/09/26 职场文书