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 相关文章推荐
js身份证验证超强脚本
Oct 26 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
详解Javascript百度地图接口开发文档中的类和方法
Feb 07 Javascript
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
Vue实现点击时间获取时间段查询功能
Aug 21 Javascript
Vue中Axios从远程/后台读取数据
Jan 21 Javascript
vue+element ui实现锚点定位
Jun 29 Vue.js
Vue组件更新数据v-model不生效的解决
Apr 02 Vue.js
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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
由php if 想到的些问题
2008/03/22 PHP
PHP 读取Postgresql中的数组
2013/04/14 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
php安装ssh2扩展的方法【Linux平台】
2016/07/20 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
PHP parse_ini_file函数的应用与扩展操作示例
2019/01/07 PHP
PHP实现带进度条的Ajax文件上传功能示例
2019/07/02 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
基于javascript实现listbox左右移动
2016/01/29 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
微信开发 JS-SDK 6.0.2 经常遇到问题总结
2016/12/08 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
2016/12/09 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
解析Python中的二进制位运算符
2015/05/13 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
python批量读取文件名并写入txt文件中
2020/09/05 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
Python中字典与恒等运算符的用法分析
2019/08/22 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
阿根廷首家户外用品制造商和经销商:Montagne
2018/02/12 全球购物
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
写给老婆的检讨书
2014/02/21 职场文书
库房管理员岗位职责
2014/03/09 职场文书
公立医院改革实施方案
2014/03/14 职场文书
2015年中秋节活动总结
2015/03/23 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
承兑汇票延期证明
2015/06/23 职场文书