Maison >interface Web >js tutoriel >Une implémentation simple de manipulation d'objets JSON en Javascript et d'ajout, de suppression et de modification

Une implémentation simple de manipulation d'objets JSON en Javascript et d'ajout, de suppression et de modification

韦小宝
韦小宝original
2017-11-29 11:46:392367parcourir

Dans Javascript exploitez JSON objet, ajoutez supprimez et modifiez l'implémentation simple, jetons un coup d'œil à l'implémentation simple de Javascript Exploitons json Ceux qui ne sont pas familiers avec JavaScript devraient y jeter un œil !

Manipuler les objets JSON en Javascript, ajoutez-les, supprimez-les et modifiez-les tous, voir le code pour plus de détails

<script type="text/javascript">
  var jsonObj2 = { teacher: [
    { name: "jordan", sex: "m", age: "40" },
    { name: "bryant", sex: "m", age: "28" },
    { name: "McGrady", sex: "m", age: "27" }
  ]};

  var jsonObj2New = {};
  $("#btn").click(function () {
    //invoke the update
    updateData("jordan");
    var persons = jsonObj2.teacher;
    for (var i = 0; i < persons.length; i++) {
      var cur_person = persons[i];
      alert(cur_person.sex);
    }

    //invoke the delete
    deleteData("jordan");
    var persons = jsonObj2.teacher;
    for (var i = 0; i < persons.length; i++) {
      var cur_person = persons[i];
      alert(cur_person.sex);
    }

    //push 
    var temp = { name: "kenny", sex: "m", age: "25" };
    jsonObj2.teacher.push(temp);

    var persons = jsonObj2.teacher;
    for (var i = 0; i < persons.length; i++) {
      var cur_person = persons[i];
      alert(cur_person.name);
    }

  });

  function updateData(name) {
    var persons = jsonObj2.teacher;
    //alert(name);
    for (var i = 0; i < persons.length; i++) {
      var cur_person = persons[i];
      if (cur_person.name == name) {
        persons[i].sex = "f";
      }
    }
  }

  function deleteData(name) {
    var persons = jsonObj2.teacher;
    //alert(name);
    for (var i = 0; i < persons.length; i++) {
      var cur_person = persons[i];
      if (cur_person.name == name) {
        jsonObj2.teacher.splice(i, 1);
      }
    }
  }
  </script>

Ce qui précède est toute l'implémentation simple de Javascript manipulant des objets JSON, ajoutez, supprimez et modifiez-les, et plus encore. Veuillez vous rendre sur ce site pour rechercher !

Recommandations associées :

Comment modifier le style de la pseudo-classe avec JavaScript

Méthodes de gestion des exceptions JavaScript

Ajout, suppression, modification et requête JavaScript

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn