JavaScript で JSON オブジェクトを操作し、追加、削除、変更を行う簡単な実装

JavaScriptでJSONobjectを操作し、deleteを追加して簡単な実装を修正してみます。JavaScriptによるjsonの操作を見てみましょう。 ！ JavaScript で JSON オブジェクトを操作し、追加、削除、変更します。詳細についてはコードを参照してください

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

上記は、JavaScript で JSON オブジェクトを操作し、追加、削除、変更する簡単な実装の内容です。情報はこのサイト

検索

にアクセスしてください！

関連する推奨事項:

JavaScriptを使用して疑似クラススタイルを変更する方法

JavaScript例外を処理する方法

JavaScriptの追加、削除、および変更のチェック

以上がJavaScript で JSON オブジェクトを操作し、追加、削除、変更を行う簡単な実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。