在Javascript操作JSON对象,增加 删除 修改的简单实现


Posted in Javascript onJune 02, 2016

在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中的window.location.search方法简介
Sep 02 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
通过jquery 获取URL参数并进行转码
Aug 18 Javascript
浅谈javascript的Touch事件
Sep 27 Javascript
Vue2.0 组件传值通讯的示例代码
Aug 01 Javascript
form表单序列化详解(推荐)
Aug 15 Javascript
vue通过cookie获取用户登录信息的思路详解
Oct 30 Javascript
js实现的在本地预览图片功能示例
Nov 09 Javascript
vue页面更新patch的实现示例
Mar 25 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
Jul 28 Javascript
node.js 动态执行脚本
Jun 02 #Javascript
浅谈JavaScript 标准对象
Jun 02 #Javascript
JavaScript中的Array 对象(数组对象)
Jun 02 #Javascript
jQuery简单验证上传文件大小及类型的方法
Jun 02 #Javascript
JS脚本实现动态给标签控件添加事件的方法
Jun 02 #Javascript
JavaScript来实现打开链接页面的简单实例
Jun 02 #Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 #Javascript
You might like
德生PL450的电路分析和低放电路的改进办法
2021/03/02 无线电
Session的工作方式
2006/10/09 PHP
深入php处理整数函数的详解
2013/06/09 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
2013/11/28 Javascript
jquery datatable后台封装数据示例代码
2014/08/07 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
2015/08/25 Javascript
深入理解JavaScript中的尾调用(Tail Call)
2017/02/07 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
vue router导航守卫(router.beforeEach())的使用详解
2019/04/19 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
python处理cookie详解
2014/02/07 Python
python服务器与android客户端socket通信实例
2014/11/12 Python
python实现超简单端口转发的方法
2015/03/13 Python
Python检测网站链接是否已存在
2016/04/07 Python
Python彩色化Linux的命令行终端界面的代码实例分享
2016/07/02 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
Pyqt5 基本界面组件之inputDialog的使用
2019/06/25 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
python requests.get带header
2020/05/05 Python
基于python代码批量处理图片resize
2020/06/04 Python
简述python&amp;pytorch 随机种子的实现
2020/10/07 Python
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
威盛公司软件C++工程师笔试题面试题
2012/07/16 面试题
学生个人评语大全
2015/01/04 职场文书
毕业实习感受与体会
2015/05/26 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书