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中Object和Function的关系小结
Sep 26 Javascript
js replace正则表达式应用案例讲解
Jan 17 Javascript
原生JS实现加入收藏夹的代码
Oct 24 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
JS基于面向对象实现的选项卡效果示例
Dec 20 Javascript
详解Vue2 无限级分类(添加,删除,修改)
Mar 07 Javascript
JQuery实现图片轮播效果
May 08 jQuery
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
js实现简单数字变动效果
Nov 06 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
JS实现获取数组中最大值或最小值功能示例
Mar 02 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面向对象编程快速入门
2006/12/14 PHP
PHP生成带有雪花背景的验证码
2008/09/28 PHP
discuz的php防止sql注入函数
2011/01/17 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
jQuery $.each的用法说明
2010/03/22 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
使用jQuery validate 验证注册表单实例演示
2013/03/25 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
canvas学习之API整理笔记(二)
2016/12/29 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
jQuery实现动态操作table行
2020/11/23 jQuery
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
详解Python发送email的三种方式
2018/10/18 Python
Win10环境python3.7安装dlib模块趟过的坑
2019/08/01 Python
Python socket模块方法实现详解
2019/11/05 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
什么是Rollback Segment
2013/04/22 面试题
医药大学生求职简历的自我评价
2013/10/17 职场文书
十八届三中全会报告学习材料
2014/02/17 职场文书
无毒社区工作方案
2014/05/23 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
收款委托书
2014/10/14 职场文书
会计求职自荐信
2015/03/26 职场文书
团组织关系介绍信
2019/06/24 职场文书
一篇文章带你复习java知识点
2021/06/28 Java/Android
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技