在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 表格的增行删行实现思路
Mar 21 Javascript
JavaScript实现Flash炫光波动特效
May 14 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
Apr 03 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
js中遍历对象的属性和值的方法
Jul 27 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
js技巧之十几行的代码实现vue.watch代码
Jun 09 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
JS实现商品橱窗特效
Jan 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
如何在WIN2K下安装PHP4.04
2006/10/09 PHP
解析PHP多种序列化与反序列化的方法
2013/06/06 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
php过滤输入操作之htmlentities与htmlspecialchars用法分析
2017/02/17 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
HTML5如何适配 iPhone IOS 底部黑条
2021/03/09 HTML / CSS
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
js实现获取当前时间是本月第几周的方法
2015/08/11 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
2019/05/22 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
JavaScript实现背景自动切换小案例
2019/09/27 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
Python实现Const详解
2015/01/27 Python
python树莓派红外反射传感器
2019/01/21 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
工程造价专业大学生职业生涯规划书
2014/01/18 职场文书
党员活动日总结
2014/05/05 职场文书
英语系本科生求职信
2014/07/15 职场文书
英语辞职信怎么写
2015/02/28 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
2015年师德表现自我评价
2015/03/05 职场文书
个人工作年终总结
2015/03/09 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
辩护词范文大全
2015/05/21 职场文书
2015年财务人员个人工作总结
2015/07/27 职场文书
如果用一句诗总结你的上半年,你会用哪句呢?
2019/07/16 职场文书
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js