当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JS实现的JSON序列化操作简单示例

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

2018年08月05日  | 移动技术网IT编程  | 我要评论

本文实例讲述了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代码检验、检验、美化、格式化工具:

json在线格式化工具:

在线xml/json互相转换工具:

json代码在线格式化/美化/压缩/编辑/转换工具:

在线json压缩/转义工具:

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

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网