在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显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
使用JQuery实现智能表单验证功能
Mar 08 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
JS中常用的消息框总结
Feb 24 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
基于layPage插件实现两种分页方式浅析
Jul 27 Javascript
基于JavaScript获取url参数2种方法
Apr 17 Javascript
nuxt静态部署打包相对路径操作
Nov 06 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递归函数中使用return的注意事项
2014/01/17 PHP
PHP队列用法实例
2014/11/05 PHP
基于PHP实现栈数据结构和括号匹配算法示例
2017/08/10 PHP
PHP实现递归的三种方法
2020/07/04 PHP
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
jquery ready函数源代码研究
2009/12/06 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
2016/05/10 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
Python中zfill()方法的使用教程
2015/05/20 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
详解px单位html5响应式方案
2018/03/08 HTML / CSS
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
加拿大票务网站:Ticketmaster加拿大
2017/07/17 全球购物
SISLEY希思黎官方旗舰店:享誉全球的奢华植物美容品牌
2018/04/25 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
上海天奕面试题笔试题
2015/04/19 面试题
公务员党员评议表自我鉴定
2014/09/14 职场文书
政府个人对照检查材料思想汇报
2014/10/08 职场文书
2014年少先队工作总结
2014/12/03 职场文书
丧事主持词
2015/07/02 职场文书
升学宴学生致辞
2015/09/29 职场文书
终止合同协议书范本
2016/03/22 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
springboot应用服务启动事件的监听实现
2022/04/06 Java/Android
Python OpenCV实现图像模板匹配详解
2022/04/07 Python