在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 相关文章推荐
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
jquery判断当前浏览器的实现代码
Nov 07 Javascript
Bootstrap每天必学之媒体对象
Nov 30 Javascript
javascript html5摇一摇功能的实现
Apr 19 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
JQuery实现DIV其他动画效果的简单实例
Sep 18 Javascript
mpvue性能优化实战技巧(小结)
Apr 17 Javascript
node将geojson转shp返回给前端的实现方法
May 29 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
社区(php&amp;&amp;mysql)六
2006/10/09 PHP
解析php中static,const与define的使用区别
2013/06/18 PHP
WordPress迁移时一些常见问题的解决方法整理
2015/11/24 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
2021/03/09 PHP
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
python 解析html之BeautifulSoup
2009/07/07 Python
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
python先序遍历二叉树问题
2017/11/10 Python
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
C有"按引用传递"吗
2016/09/06 面试题
八年级音乐教学反思
2014/01/09 职场文书
七年级英语教学反思
2014/01/15 职场文书
人力资源部经理助理岗位职责
2014/03/04 职场文书
听课评语大全
2014/04/30 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
2015年高校保卫处工作总结
2015/07/23 职场文书
《遗弃》开发商删推文要跑路?官方回应:还在开发
2022/04/03 其他游戏