Opération de sérialisation JSON implémentée par JS-js tutoriel-php.cn

Opération de sérialisation JSON implémentée par JS

不言

Libérer： 2018-07-03 15:33:47

original

1706 Les gens l'ont consulté

Cet article présente principalement l'opération de sérialisation JSON implémentée par JS et analyse les méthodes d'implémentation pertinentes et les précautions associées de l'opération de sérialisation json sous la forme d'exemples simples. Le code est équipé de commentaires plus détaillés pour une compréhension facile. Le besoin peut s'y référer. Ce qui suit

L'exemple de cet article décrit l'opération de sérialisation JSON implémentée par JS. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

<!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>

Copier après la connexion

Résultats en cours d'exécution :

et plus C'est tout le contenu de cet article. J'espère qu'il sera utile à l'étude de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

JQuery empêche l'analyse d'un exemple de bouillonnement d'événement

Introduction à l'effet du méchant de dessin sur toile JavaScript+html5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!