>  기사  >  웹 프론트엔드  >  Javascript에서 JSON 객체를 조작하고 추가, 삭제, 수정하는 간단한 구현

Javascript에서 JSON 객체를 조작하고 추가, 삭제, 수정하는 간단한 구현

韦小宝
韦小宝원래의
2017-11-29 11:46:392345검색

Javascriptoperate JSONobjectdelete를 추가하고 간단한 구현을 수정하여 JavaScript에 익숙하지 않은 분들은 살펴보세요. ! 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를 사용하여 의사 클래스 스타일을 수정하는 방법

JavaScript 예외 처리 방법

javaScript 추가, 삭제 및 수정 확인

위 내용은 Javascript에서 JSON 객체를 조작하고 추가, 삭제, 수정하는 간단한 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.