在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 相关文章推荐
xml 与javascript结合的问题解决方法
Mar 24 Javascript
Javascript下IE与Firefox下的差异兼容写法总结
Jun 18 Javascript
关于JavaScript中原型继承中的一点思考
Jul 25 Javascript
js 判断控件获得焦点的示例代码
Mar 04 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
jQuery预加载图片常用方法
Jun 15 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
sublime text配置node.js调试(图文教程)
Nov 23 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
JavaScript 截取字符串代码实例
Sep 05 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
数据库相关问题
2006/10/09 PHP
PHP无法访问远程mysql的问题分析及解决
2013/05/16 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
Laravel使用PHPQRCODE实现生成带有LOGO的二维码图片功能示例
2017/07/07 PHP
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
2011/10/16 Javascript
ie下jquery.getJSON的缓存问题的处理方法
2013/03/29 Javascript
js 窗口抖动示例
2013/09/04 Javascript
用jQuery模拟select下拉框的简单示例代码
2014/01/26 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
JavaScript基础之this详解
2017/06/04 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
Vuex 入门教程
2018/01/10 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
nodejs中方法和模块用法示例
2018/12/24 NodeJs
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
Python中的浮点数原理与运算分析
2017/10/12 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
解决python xlrd无法读取excel文件的问题
2018/12/25 Python
Django 路由控制的实现
2019/07/17 Python
python中class的定义及使用教程
2019/09/18 Python
keras获得某一层或者某层权重的输出实例
2020/01/24 Python
Python随机数函数代码实例解析
2020/02/09 Python
浅谈PyTorch的可重复性问题(如何使实验结果可复现)
2020/02/20 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
美国著名的团购网站:Woot
2016/08/02 全球购物
新郎新娘致辞
2015/07/31 职场文书