JavaScript 操作 JSON 对象:增删改完整实现

作者:半夏时间:2026-10-30 08:05:19浏览:502

本文提供在 JavaScript 中操作 JSON 对象的完整代码示例,涵盖数据的增加、删除与修改功能。通过遍历数组并匹配特定字段(如 name),实现动态更新或删除指定对象,适用于前端数据处理的简单场景。

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 对象进行增加、删除和修改的简单实现,就是小编分享给大家的全部内容。希望这段代码能为您提供参考,也欢迎大家继续支持本站。

作者最新文章