在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 相关文章推荐
filemanage功能中用到的lib.js
Apr 08 Javascript
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
form.submit()不能提交表单的错误原因及解决方法
Oct 13 Javascript
jQuery中大家不太了解的几个方法
Mar 04 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
jQuery获取父元素及父节点的方法小结
Apr 14 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
Jul 22 Javascript
jQuery事件用法详解
Oct 06 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 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
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
php运行时动态创建函数的方法
2015/03/16 PHP
PHP7.0安装笔记整理
2015/08/28 PHP
PHP错误处理函数
2016/04/03 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
JavaScript 反科里化 this [译]
2012/09/20 Javascript
JavaScript实现控制打开文件另存为对话框的方法
2015/04/17 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
jQuery 3.0中存在问题及解决办法
2016/07/15 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
Node.js API详解之 vm模块用法实例分析
2020/05/27 Javascript
js实现表单项的全选、反选及删除操作示例
2020/06/05 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
2020/09/21 Javascript
Python对象体系深入分析
2014/10/28 Python
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
深入解析Python中的WSGI接口
2015/05/11 Python
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
Python subprocess模块功能与常见用法实例详解
2018/06/28 Python
Python的bit_length函数来二进制的位数方法
2019/08/27 Python
TensorFLow 变量命名空间实例
2020/02/11 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
如何理解python对象
2020/06/21 Python
HTML5 video 事件应用示例
2014/09/11 HTML / CSS
公司门卫管理制度
2014/02/01 职场文书
战略合作意向书范本
2014/04/01 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers