suchen

Heim >Web-Frontend >js-Tutorial >Von JS implementierter JSON-Serialisierungsvorgang

Von JS implementierter JSON-Serialisierungsvorgang

不言
不言Original
2018-07-03 15:33:471720Durchsuche

Dieser Artikel stellt hauptsächlich die von JS implementierte JSON-Serialisierungsoperation vor und analysiert die relevanten Implementierungsmethoden und zugehörigen Vorsichtsmaßnahmen in Form einfacher Beispiele. Der Code ist zum leichteren Verständnis mit detaillierteren Kommentaren versehen Need kann darauf verweisen.

Das Beispiel in diesem Artikel beschreibt den von JS implementierten JSON-Serialisierungsvorgang. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt: 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JOSN对象</title>
  <script>
    var book={
      title:"php 最佳实践",
      authors:[&#39;jack&#39;],
      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>

Laufergebnisse:

Das Obige ist dieser Artikel Der gesamte Inhalt, ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

JQuery verhindert Ereignisblasen-Beispielanalyse

Einführung in die Wirkung von JavaScript+HTML5-Leinwandzeichnungsschurken

Das obige ist der detaillierte Inhalt vonVon JS implementierter JSON-Serialisierungsvorgang. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JavaScript json html5 jquery JS 事件 canvas
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Einführung in Konstruktormuster in JavaScript-EntwurfsmusternNächster Artikel：Einführung in Konstruktormuster in JavaScript-Entwurfsmustern

In Verbindung stehende Artikel

Mehr sehen