[JQUERY] 추가 / jQuery로 자바 스크립트 객체에서 항목을 제거

추가 / jQuery로 자바 스크립트 객체에서 항목을 제거

해결법

1. ---

   1.첫째로, 당신의 인용 코드는 JSON 없습니다. 코드는 자바 스크립트 객체 리터럴 표기법입니다. JSON 쉽게 구문 분석을 위해 설계된이의 하위 집합입니다.

   첫째로, 당신의 인용 코드는 JSON 없습니다. 코드는 자바 스크립트 객체 리터럴 표기법입니다. JSON 쉽게 구문 분석을 위해 설계된이의 하위 집합입니다.

   코드는 오브젝트 (데이터) 오브젝트의 배열 (항목) (의 ID, 이름, 각 유형)를 포함하는 정의.

   당신은 할 필요를 수행하거나 자바 스크립트, 이것에 대한 jQuery를 원한다.

   항목 추가 :

   data.items.push(
       {id: "7", name: "Douglas Adams", type: "comedy"}
   );
   

   즉, 마지막에 추가합니다. 중간에 추가하는 내용은 아래를 참조하십시오.

   항목을 제거 :

   여러 가지가 있습니다. 스플 라이스 방법은 가장 다양한입니다 :

   data.items.splice(1, 3); // Removes three items starting with the 2nd,
                            // ("Witches of Eastwick", "X-Men", "Ordinary People")
   

   스플 라이스는 원래의 배열 반환 제거한 항목의 배열을 수정합니다.

   중간에 추가 :

   스플 라이스 실제로 모두 추가 및 제거한다. 스플 라이스 메소드의 서명은 다음과 같습니다

   removed_items = arrayObject.splice(index, num_to_remove[, add1[, add2[, ...]]]);
   

   이 같은 제 3 위치에 항목을 추가 할 수 있습니다 :

   data.items.splice(2, 0,
       {id: "7", name: "Douglas Adams", type: "comedy"}
   );
   

   무슨 말하는 것은 : 제로 항목을 제거하고이 다음과 같은 항목을 삽입, 인덱스 2에서 시작. 그 결과는 다음과 같다 :

   var data = {items: [
       {id: "1", name: "Snatch", type: "crime"},
       {id: "2", name: "Witches of Eastwick", type: "comedy"},
       {id: "7", name: "Douglas Adams", type: "comedy"},     // <== The new item
       {id: "3", name: "X-Men", type: "action"},
       {id: "4", name: "Ordinary People", type: "drama"},
       {id: "5", name: "Billy Elliot", type: "drama"},
       {id: "6", name: "Toy Story", type: "children"}
   ]};
   

   당신은 몇 가지를 제거하고 한 번에 몇 가지를 추가 할 수 있습니다 :

   data.items.splice(1, 3,
       {id: "7", name: "Douglas Adams", type: "comedy"},
       {id: "8", name: "Dick Francis", type: "mystery"}
   );
   

   ... 의미 : 다음 두 항목을 추가, 세 가지 항목을 제거, 인덱스 1에서 시작. 어떤 결과 :

   var data = {items: [
       {id: "1", name: "Snatch", type: "crime"},
       {id: "7", name: "Douglas Adams", type: "comedy"},
       {id: "8", name: "Dick Francis", type: "mystery"},
       {id: "4", name: "Ordinary People", type: "drama"},
       {id: "5", name: "Billy Elliot", type: "drama"},
       {id: "6", name: "Toy Story", type: "children"}
   ]};
   

2. ---

   2.스플 라이스 내가 그것을 설명하지 않았다, 그래서 좋은, 모두가 스플 라이스 설명이다. 당신은 또한 좋은, 자바 스크립트에서 삭제 키워드를 사용할 수 있습니다. 당신이 사용하는 jQuery를 조작 할 수도 $를 .grep 사용할 수 있습니다.

   스플 라이스 내가 그것을 설명하지 않았다, 그래서 좋은, 모두가 스플 라이스 설명이다. 당신은 또한 좋은, 자바 스크립트에서 삭제 키워드를 사용할 수 있습니다. 당신이 사용하는 jQuery를 조작 할 수도 $를 .grep 사용할 수 있습니다.

   JQuery와 방법 :

   data.items = jQuery.grep(
                   data.items, 
                   function (item,index) { 
                     return item.id !=  "1"; 
                   });
   

   DELETE 방법 :

   delete data.items[0]
   

   스플 라이스 무거운 가중 기능이 있기 때문에 PUSH를 추가하기 위해, 더 나은 스플 라이스입니다. 당신이 배열의 거대한 크기가 경우 새 배열을 만들 스플 라이스, 그것은 귀찮은 일 수있다. 다음 길이 변화가 없다 당신이 배열의 길이를 보면 삭제 한 후 삭제는, 언젠가 유용합니다. 그래서 현명하게 사용합니다.

3. ---

   3.당신이 jQuery를 사용하는 경우 새 항목을 추가하는 확장 기능을 사용할 수 있습니다.

   당신이 jQuery를 사용하는 경우 새 항목을 추가하는 확장 기능을 사용할 수 있습니다.

   var olddata = {"fruit":{"apples":10,"pears":21}};
   
   var newdata = {};
   newdata['vegetables'] = {"carrots": 2, "potatoes" : 5};
   
   $.extend(true, olddata, newdata);
   

   이것은 생성합니다 :

   {"fruit":{"apples":10,"pears":21}, "vegetables":{"carrots":2,"potatoes":5}};
   

4. ---

   4.즉, 자바 스크립트 객체를 그냥 전혀 JSON 아니다. JSON 자바 스크립트 구문의 일부를 사용하는 데이터의 텍스트 표현이다.

   즉, 자바 스크립트 객체를 그냥 전혀 JSON 아니다. JSON 자바 스크립트 구문의 일부를 사용하는 데이터의 텍스트 표현이다.

   jQuery를이 할 수있는 일은이 없으며, 그것은 일반적으로 전혀 수행하지 있기 때문에 당신이 JSON 사용하여 jQuery를 조작에 대한 정보를 찾을 수없는 이유입니다. 당신은 자바 스크립트 객체의 형태로 데이터를 조작하고, 그 다음은 당신이 필요로하는 경우 JSON 문자열 변환합니다. (jQuery를하지만, 변환 방법을 가지고있다.)

   무엇 당신은 단순히 당신이 이미 가지고있는 모든 지식을 사용할 수 있도록, 배열을 포함하는 객체입니다. 그냥 배열에의 액세스 data.items를 사용합니다.

   예를 들어, 배열하여 동적 값을 또 다른 항목을 추가 :

   // The values to put in the item
   var id = 7;
   var name = "The usual suspects";
   var type = "crime";
   // Create the item using the values
   var item = { id: id, name: name, type: type };
   // Add the item to the array
   data.items.push(item);
   

5. ---

   5.JSON 배열에 객체를 추가

   JSON 배열에 객체를 추가

   var arrList = [];
   var arr = {};   
   arr['worker_id'] = worker_id;
   arr['worker_nm'] = worker_nm;
   arrList.push(arr);
   

   JSON에서 객체를 삭제

   나에게 그것은 노동자.

     arrList = $.grep(arrList, function (e) { 
   
           if(e.worker_id == worker_id) {
               return false;
           } else {
               return true;
           }
       });
   

   그것은 그 객체가없는 배열을 반환합니다.

   희망이 도움이.

6. ---

   6.당신은 당신이하고자 일반 배열처럼 data.items를 조작 할 수 있도록 음, 그냥 자바 스크립트 객체입니다. 당신이 할 경우 :

   당신은 당신이하고자 일반 배열처럼 data.items를 조작 할 수 있도록 음, 그냥 자바 스크립트 객체입니다. 당신이 할 경우 :

   data.items.pop();
   

   항목 배열은 1 개 항목이 짧아집니다.

7. ---

   7.일을 간단하게 유지 :

   일을 간단하게 유지 :

   var my_form_obj = {};
   my_form_obj.name = "Captain America";
   my_form_obj.weapon = "Shield";
   

   도움이 되었기를 바랍니다!

8. ---

   8.시험

   시험

   data.items.pop();
   data.items.push({id: "7", name: "Matrix", type: "adult"});
   

   VAR 데이터 = {항목 : {ID : "1"이름 : "날치기"입력 : "범죄"}, {ID : "2"이름 : "이스 트윅의 마녀"입력 : "코미디"}, {ID : "3"이름 : "엑스 맨"입력 : "조치"}, {ID : "4"이름 : "보통 사람들"입력 : "드라마"}, {ID : "5"이름 : "빌리 엘리엇"입력 : "드라마"}, {ID : "6"이름 : "토이 스토리"를 입력 : "아이들"} ]}; data.items.pop (); data.items.push ({ID : "7"이름 : "매트릭스"입력 : "성인"}); CONSOLE.LOG (데이터);

from https://stackoverflow.com/questions/4538269/adding-removing-items-from-a-javascript-object-with-jquery by cc-by-sa and MIT license