在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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
jquery五角星评分插件示例分享
Feb 21 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
JavaScript函数节流的两种写法
Apr 07 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
Jun 25 Javascript
全新打包工具parcel零配置vue开发脚手架
Jan 11 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
JavaScript中变量提升和函数提升的详解
Aug 07 Javascript
vue打包npm run build时候界面报错的解决
Aug 13 Javascript
vue或react项目生产环境去掉console.log的操作
Sep 02 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
六酷社区论坛HOME页清新格调免费版 下载
2007/03/07 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
采用PHP函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
WordPress中is_singular()函数简介
2015/02/05 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
js 页面传参数时 参数值含特殊字符的问题
2009/12/13 Javascript
对xmlHttp对象的理解
2011/01/17 Javascript
jQuery源码中的chunker 正则过滤符分析
2012/07/31 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
Javascript基础教程之switch语句
2015/01/18 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
Bootstrap 中data-[*] 属性的整理
2018/03/13 Javascript
nodejs使用async模块同步执行的方法
2019/03/02 NodeJs
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
简单总结Python中序列与字典的相同和不同之处
2016/01/19 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
python实现求特征选择的信息增益
2018/12/18 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
计算机维护专业推荐信
2014/02/27 职场文书
陈安之励志演讲稿
2014/08/21 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
工作迟到检讨书范文
2015/05/06 职场文书
化妆品促销活动总结
2015/05/07 职场文书
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL