快捷導(dǎo)航

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

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

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

本文實(shí)例講述了JS實(shí)現(xiàn)的JSON序列化操作。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JOSN對(duì)象</title>
  <script>
    var book={
      title:"php 最佳實(shí)踐",
      authors:['jack'],
      edition:3,
      year:2017
    };
    //JSON.stringify()有三個(gè)參數(shù)分別是json對(duì)象，過濾器（可以是數(shù)組or函數(shù)），是否在josn字符串中保留縮進(jìn)（這個(gè)參數(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 最佳實(shí)踐","authors":["jack"],"edition":3,"year":2017}
    console.log(jsonText1);//{"title":"php 最佳實(shí)踐","year":2017}
    console.log(jsonText2);//{"title":"java 從入門到精通","authors":["jack"],"year":2018}
    //JSON.parse(arg1,arg2) 可以接受2個(gè)參數(shù)一個(gè)是json字符串，一個(gè)是過濾函數(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 最佳實(shí)踐", 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>

運(yùn)行結(jié)果：