快捷導航

JS實現(xiàn)的JSON序列化操作簡單示例

更新時間：2018年07月02日 11:41:07 作者：Window2016

這篇文章主要介紹了JS實現(xiàn)的JSON序列化操作,結(jié)合簡單實例形式分析了json序列化操作相關(guān)實現(xiàn)方法與相關(guān)注意事項,代碼備有較為詳盡的注釋便于理解,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)的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()有三個參數(shù)分別是json對象，過濾器（可以是數(shù)組or函數(shù)），是否在josn字符串中保留縮進（這個參數(shù)意義不大可忽略）
    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個參數(shù)一個是json字符串，一個是過濾函數(shù)
    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>

運行結(jié)果：