JS实现的JSON序列化操作简单示例

 更新时间:2018年07月02日 11:41:07   作者:Window2016  
这篇文章主要介绍了JS实现的JSON序列化操作,结合简单实例形式分析了json序列化操作相关实现方法与相关注意事项,代码备有较为详尽的注释便于理解,需要的朋友可以参考下

本文实例讲述了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>

运行结果:

PS:这里再为大家推荐几款相关的json在线工具供大家参考:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在线格式化工具:
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • js字符串操作函数总结及使用方法示例

    js字符串操作函数总结及使用方法示例

    这篇文章主要介绍了js字符串操作函数toString、split、length、indexOf、lastIndexOf、replace、replaceAll、charAt、charCodeAt、contact、slice、substring、substr、match、exec、search、trim、includes
    2023-08-08
  • js获取浏览器的各种属性

    js获取浏览器的各种属性

    本篇文章主要介绍了js获取浏览器各种属性的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • 微信小程序js文件改变参数并在视图上及时更新【推荐】

    微信小程序js文件改变参数并在视图上及时更新【推荐】

    这篇文章主要介绍了微信小程序js文件改变参数并在视图上及时更新的实现代码,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-06-06
  • 比较常见的javascript中定义函数的区别

    比较常见的javascript中定义函数的区别

    js定义函数有好多种,但是他们之间的区别,大家都了解吗,接下来,小编通过本文给大家介绍比较常见的js中定义函数的区别,对本文感兴趣的朋友一起看看吧
    2015-11-11
  • JavaScript中的console.log()函数详细介绍

    JavaScript中的console.log()函数详细介绍

    这篇文章主要介绍了JavaScript中的console.log()函数详细介绍,本文讲解了什么是console.log()、兼容没有调试控制台的浏览器、使用参数、使用其它日志级别等内容,需要的朋友可以参考下
    2014-12-12
  • 实例详解ECMAScript5中新增的Array方法

    实例详解ECMAScript5中新增的Array方法

    这篇文章主要介绍了实例详解ECMAScript5中新增的Array方法的相关资料,需要的朋友可以参考下
    2016-04-04
  • 如何全局重写小程序Page函数wx对象详解

    如何全局重写小程序Page函数wx对象详解

    这篇文章主要给大家介绍了关于如何全局重写小程序Page函数wx对象的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友可以参考下
    2022-08-08
  • Javascript前端事件循环机制详细讲解

    Javascript前端事件循环机制详细讲解

    单线程的同步等待极大影响效率,任务不得不一个一个等待执行,对于网页应用是无法接受的。所以Javascript使用事件循环机制来解决异步任务的问题。本文就来讲讲Javascript的事件循环机制,希望对你有所帮助
    2022-12-12
  • ES6 Symbol数据类型的应用实例分析

    ES6 Symbol数据类型的应用实例分析

    这篇文章主要介绍了ES6 Symbol数据类型的应用,结合实例形式分析了ES6 Symbol数据类型的功能、使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-06-06
  • 微信h5静默和非静默授权获取用户openId的方法和步骤

    微信h5静默和非静默授权获取用户openId的方法和步骤

    这篇文章主要介绍了微信h5静默和非静默授权获取用户openId的方法和步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06

最新评论