在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 相关文章推荐
javascript实现的使用方向键控制光标在table单元格中切换
Nov 17 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
javascript实现input file上传图片预览效果
Dec 31 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
vue.js实例todoList项目
Jul 07 Javascript
BootStrap的双日历时间控件使用
Jul 25 Javascript
vue使用axios跨域请求数据问题详解
Oct 18 Javascript
浅谈React Event实现原理
Sep 20 Javascript
微信小程序发送短信验证码完整实例
Jan 07 Javascript
如何使用原生Js实现随机点名详解
Jan 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正确解析UTF-8字符串技巧应用
2012/11/07 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
php数据库备份还原类分享
2014/03/20 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
2019/10/10 PHP
修改Laravel自带的认证系统的User类的命名空间的步骤
2019/10/15 PHP
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
nodejs基础知识
2017/02/03 NodeJs
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
vue项目或网页上实现文字转换成语音播放功能
2020/06/09 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
[49:31]TFT vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Django admin美化插件suit使用示例
2017/12/12 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
Django中的forms组件实例详解
2018/11/08 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
opencv python图像梯度实例详解
2020/02/04 Python
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
新娘父亲婚礼致辞
2014/01/16 职场文书
书法比赛获奖感言
2014/02/10 职场文书
行政求职信
2014/07/04 职场文书
硕士生找工作求职信
2014/07/05 职场文书
股东出资证明书(正规版)
2014/09/24 职场文书
2014会计年终工作总结
2014/12/20 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
个人总结与自我评价2015
2015/03/11 职场文书