首頁 > web前端 > js教程 > 在Javascript操作JSON對象,增加 刪除 修改的簡單實現

在Javascript操作JSON對象,增加 刪除 修改的簡單實現

韦小宝
發布: 2017-11-29 11:46:39
原創
2393 人瀏覽過

Javascript操作JSON物件,增加刪除 修改的簡單實現,讓我們一起來看看JavaScript 對json的操作吧,對JavaScript不熟的更應該看看了!

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板