在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 相关文章推荐
jQuery点击tr实现checkbox选中的方法
Mar 19 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
JS实现的在线调色板实例(附demo源码下载)
Mar 01 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
Javascript调试之console对象——你不知道的一些小技巧
Jul 10 Javascript
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
JS基于for语句编写的九九乘法表示例
Jan 04 Javascript
原生js调用json方法总结
Feb 22 Javascript
JS实现字体背景跑马灯
Jan 06 Javascript
js实现盒子滚动动画效果
Aug 09 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
关于crontab的使用详解
2013/06/24 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
PHP动态生成javascript文件的2个例子
2014/04/11 PHP
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
PHP实现获取客户端IP并获取IP信息
2015/03/17 PHP
php导入模块文件分享
2015/03/17 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
javascript动画效果类封装代码
2007/08/28 Javascript
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
2017/04/04 jQuery
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
详解Vue3.0 + TypeScript + Vite初体验
2021/02/22 Vue.js
python的re正则表达式实例代码
2018/01/24 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
Python进阶之自定义对象实现切片功能
2019/01/07 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
Python脚本实现监听服务器的思路代码详解
2020/05/28 Python
基于Jquery和Css3代码制作可以缩放的搜索框
2015/11/19 HTML / CSS
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
兰蔻法国官方网站:Lancôme法国
2020/02/22 全球购物
考试退步检讨书
2014/01/15 职场文书
成绩单公证书
2014/04/10 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
个人授权委托书范文
2014/09/21 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
超级礼物观后感
2015/06/15 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android