在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 相关文章推荐
JS 常用校验函数
Mar 26 Javascript
window.js 主要包含了页面的一些操作
Dec 23 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
Sep 11 Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
JQuery标签页效果的两个实例讲解(4)
Sep 17 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
May 25 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
Vue实例的对象参数options的几个常用选项详解
Nov 08 Javascript
JS监听组合按键思路及实现过程
Apr 17 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 学习资料零碎东西
2010/12/04 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
JavaScript中获取鼠标位置相关属性总结
2014/10/11 Javascript
js闭包的用途详解
2014/11/09 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
2014/12/14 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
详解vue mint-ui源码解析之loadmore组件
2017/10/11 Javascript
three.js加载obj模型的实例代码
2017/11/10 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
微信小程序复选框实现多选一功能过程解析
2020/02/14 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
2020/06/03 Javascript
python开发之基于thread线程搜索本地文件的方法
2015/11/11 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
如何基于Python批量下载音乐
2019/11/11 Python
基于Python实现扑克牌面试题
2019/12/11 Python
Python的形参和实参使用方式
2019/12/24 Python
使用TFRecord存取多个数据案例
2020/02/17 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
会计实习生工作总结的自我评价
2013/10/07 职场文书
实习生的自我评价
2014/01/08 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
情人节活动策划方案
2014/02/27 职场文书
新学期决心书
2014/03/11 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
受资助学生感谢信
2015/01/21 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
教师教育教学随笔
2015/08/15 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
Go标准容器之Ring的使用说明
2021/05/05 Golang