在Javascript操作JSON对象,增加 删除 修改的简单实现

 更新时间:2016年06月02日 15:33:02   投稿:jingxian  
下面小编就为大家带来一篇在Javascript操作JSON对象,增加 删除 修改的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在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对象,增加 删除 修改的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • php去掉json反斜杠的实例讲解

    php去掉json反斜杠的实例讲解

    在本篇文章里小编给大家整理了一篇关于php去掉json反斜杠的实例讲解,有兴趣的朋友们可以参考学习下。
    2021-10-10
  • JavaScript中清空数组的三种方式

    JavaScript中清空数组的三种方式

    本文主要介绍了JavaScript中清空数组的三种方式。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • Javascript实现登录框拖拽效果

    Javascript实现登录框拖拽效果

    这篇文章主要为大家详细介绍了Javascript实现登录框拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • el-dialog对话框子组件的关闭方法

    el-dialog对话框子组件的关闭方法

    这篇文章主要介绍了el-dialog对话框子组件的关闭方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-12-12
  • ES6新特性一: let和const命令详解

    ES6新特性一: let和const命令详解

    这篇文章主要介绍了ES6新特性中的let和const命令,结合实例形式分析了let和const命令的功能、使用方法与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • 手把手教你实现一个JavaScript时间轴组件

    手把手教你实现一个JavaScript时间轴组件

    本文主要是给大家带来一个时间轴的组件开发教程,其主要功能就是可以拖动时间轴来定位当前时间,可以通过鼠标滚轮来修改当前时间分辨率,需要的可以参考一下
    2022-10-10
  • JS旋转实现转盘抽奖效果

    JS旋转实现转盘抽奖效果

    这篇文章主要为大家详细介绍了JS旋转实现转盘抽奖效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • js调试工具Console命令详解

    js调试工具Console命令详解

    这篇文章主要介绍了js调试工具Console命令详解,需要的朋友可以参考下
    2014-10-10
  • Echarts图表如何利用formatter自定义tooltip的内容和样式

    Echarts图表如何利用formatter自定义tooltip的内容和样式

    这篇文章主要给大家介绍了关于Echarts图表如何利用formatter自定义tooltip的内容和样式的相关资料,echarts的图表配置非常的灵活自由,但是不熟悉的时候容易不知道怎么配置,需要的朋友可以参考下
    2023-06-06
  • iconfont的N种使用方法小结

    iconfont的N种使用方法小结

    使用iconfont字体图标可以随意改变大小,避免图片放大失真问题,但是值得注意,修改字体图标大小的时候使用font-size属性,并且颜色可随意更改,本文给大家介绍iconfont的N种使用方法,感兴趣的朋友一起看看吧
    2024-01-01

最新评论