欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在Javascript操作JSON對象,增加 刪除 修改的簡單實現(xiàn)

 更新時間:2016年06月02日 15:33:02   投稿:jingxian  
下面小編就為大家?guī)硪黄贘avascript操作JSON對象,增加 刪除 修改的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

在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對象,增加 刪除 修改的簡單實現(xiàn)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • php去掉json反斜杠的實例講解

    php去掉json反斜杠的實例講解

    在本篇文章里小編給大家整理了一篇關于php去掉json反斜杠的實例講解,有興趣的朋友們可以參考學習下。
    2021-10-10
  • JavaScript中清空數(shù)組的三種方式

    JavaScript中清空數(shù)組的三種方式

    本文主要介紹了JavaScript中清空數(shù)組的三種方式。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • Javascript實現(xiàn)登錄框拖拽效果

    Javascript實現(xiàn)登錄框拖拽效果

    這篇文章主要為大家詳細介紹了Javascript實現(xiàn)登錄框拖拽效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • el-dialog對話框子組件的關閉方法

    el-dialog對話框子組件的關閉方法

    這篇文章主要介紹了el-dialog對話框子組件的關閉方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-12-12
  • ES6新特性一: let和const命令詳解

    ES6新特性一: let和const命令詳解

    這篇文章主要介紹了ES6新特性中的let和const命令,結合實例形式分析了let和const命令的功能、使用方法與相關注意事項,需要的朋友可以參考下
    2017-04-04
  • 手把手教你實現(xiàn)一個JavaScript時間軸組件

    手把手教你實現(xiàn)一個JavaScript時間軸組件

    本文主要是給大家?guī)硪粋€時間軸的組件開發(fā)教程,其主要功能就是可以拖動時間軸來定位當前時間,可以通過鼠標滾輪來修改當前時間分辨率,需要的可以參考一下
    2022-10-10
  • JS旋轉實現(xiàn)轉盤抽獎效果

    JS旋轉實現(xiàn)轉盤抽獎效果

    這篇文章主要為大家詳細介紹了JS旋轉實現(xiàn)轉盤抽獎效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • js調試工具Console命令詳解

    js調試工具Console命令詳解

    這篇文章主要介紹了js調試工具Console命令詳解,需要的朋友可以參考下
    2014-10-10
  • Echarts圖表如何利用formatter自定義tooltip的內容和樣式

    Echarts圖表如何利用formatter自定義tooltip的內容和樣式

    這篇文章主要給大家介紹了關于Echarts圖表如何利用formatter自定義tooltip的內容和樣式的相關資料,echarts的圖表配置非常的靈活自由,但是不熟悉的時候容易不知道怎么配置,需要的朋友可以參考下
    2023-06-06
  • iconfont的N種使用方法小結

    iconfont的N種使用方法小結

    使用iconfont字體圖標可以隨意改變大小,避免圖片放大失真問題,但是值得注意,修改字體圖標大小的時候使用font-size屬性,并且顏色可隨意更改,本文給大家介紹iconfont的N種使用方法,感興趣的朋友一起看看吧
    2024-01-01

最新評論