溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發(fā)布時間：2020-10-25 14:22:09 來源：腳本之家 閱讀：148 作者：Window2016 欄目：web開發(fā)

本文實例講述了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>

運行結果：

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

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相關內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。

AI
助
手