在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 相关文章推荐
Prototype PeriodicalExecuter对象 学习
Jul 19 Javascript
jQuery toggle()设置CSS样式
Nov 05 Javascript
jquery ajax修改全局变量示例代码
Nov 08 Javascript
Jquery Ajax方法传值到action的方法
May 11 Javascript
jQuery DOM插入节点操作指南
Mar 03 Javascript
jQuery简单实现图片预加载
Apr 20 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
JavaScript数据结构之单链表和循环链表
Nov 28 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 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中常用编辑器推荐
2007/01/02 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
PHP学习记录之数组函数
2018/06/01 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
用js实现计算加载页面所用的时间
2010/04/02 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
2014/07/01 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
jQuery操作元素追加内容示例
2020/01/10 jQuery
Javascript模块化机制实现原理详解
2020/04/02 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
Python运算符重载用法实例分析
2015/06/01 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
python微信跳一跳游戏辅助代码解析
2018/01/29 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
python3实现字符串操作的实例代码
2019/04/16 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
《金色的脚印》教后反思
2014/04/23 职场文书
社区健康教育工作方案
2014/06/03 职场文书
党的群众路线教育实践活动总结报告
2014/07/03 职场文书
土建专业毕业生自荐书
2014/07/04 职场文书
销售区域经理岗位职责
2015/04/10 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python
Pandas数据类型之category的用法
2021/06/28 Python
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers