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变强势
Jun 22 Javascript
基于JQUERY的多级联动代码
Jan 24 Javascript
jquery分页插件AmSetPager(自写)
Apr 15 Javascript
js内存泄露的几种情况详细探讨
May 31 Javascript
5种处理js跨域问题方法汇总
Dec 04 Javascript
JavaScript动态创建link标签到head里的方法
Dec 22 Javascript
Javascript中拼接大量字符串的方法
Feb 05 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
bootstrap Table插件使用demo
Aug 07 Javascript
基于jQuery的表单填充实例
Aug 22 jQuery
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
Nov 25 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
YII2.0之Activeform表单组件用法实例
2016/01/09 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
js动态给table添加/删除tr的方法
2013/08/02 Javascript
JavaScript各类型的关系图解
2015/10/16 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
第三篇Bootstrap网格基础
2016/06/21 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
微信小程序自定义toast的实现代码
2018/11/16 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
[02:32]DOTA2英雄基础教程 美杜莎
2014/01/07 DOTA
Python中字符串的处理技巧分享
2016/09/17 Python
详解python列表(list)的使用技巧及高级操作
2019/08/15 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
Windows上安装tensorflow  详细教程(图文详解)
2020/02/04 Python
零基础学python应该从哪里入手
2020/08/11 Python
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
澳大利亚家具商店:Freedom
2020/12/17 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
联强国际笔试题面试题
2013/07/10 面试题
为什么会有内存对齐
2016/10/10 面试题
车间副主任岗位职责
2013/12/24 职场文书
最常使用的求职信
2014/05/25 职场文书
年终晚会活动方案
2014/08/21 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
居安思危观后感
2015/06/11 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
python垃圾回收机制原理分析
2022/04/13 Python