JavaScript를 사용하여 배열에서 객체 제거

배열에서 객체를 제거하려면 어떻게해야합니까? Kristian에서 이름이 포함 된 개체를 제거하고 싶습니다 someArray. 예를 들면 다음과 같습니다.

someArray = [{name:"Kristian", lines:"2,5,10"},
             {name:"John", lines:"1,19,26,96"}];

나는 달성하고 싶다 :

someArray = [{name:"John", lines:"1,19,26,96"}];

여러 가지 방법을 사용하여 배열에서 항목을 제거 할 수 있습니다.

//1
someArray.shift(); // first element removed
//2
someArray = someArray.slice(1); // first element removed
//3
someArray.splice(0, 1); // first element removed
//4
someArray.pop(); // last element removed
//5
someArray = someArray.slice(0, a.length - 1); // last element removed
//6
someArray.length = someArray.length - 1; // last element removed

position x에서 element를 제거 하려면 다음을 사용하십시오.

someArray.splice(x, 1);

또는

someArray = someArray.slice(0, x).concat(someArray.slice(-x));

의 댓글에 대한 답글 @ chill182 : 사용 배열에서 하나 개 이상의 요소를 제거 할 수 있습니다 Array.filter, 또는 Array.splice결합 Array.findIndex(참조 MDN을 ), 예를 들어,

// non destructive filter > noJohn = John removed, but someArray will not change
let someArray = getArray();
let noJohn = someArray.filter( el => el.name !== "John" ); 
log("non destructive filter > noJohn = ", format(noJohn));
log(`**someArray.length ${someArray.length}`);

// destructive filter/reassign John removed > someArray2 =
let someArray2 = getArray();
someArray2 = someArray2.filter( el => el.name !== "John" );
log("", "destructive filter/reassign John removed > someArray2 =", 
  format(someArray2));
log(`**someArray2.length ${someArray2.length}`);

// destructive splice /w findIndex Brian remains > someArray3 =
let someArray3 = getArray();
someArray3.splice(someArray3.findIndex(v => v.name === "Kristian"), 1);
someArray3.splice(someArray3.findIndex(v => v.name === "John"), 1);
log("", "destructive splice /w findIndex Brian remains > someArray3 =", 
  format(someArray3));
log(`**someArray3.length ${someArray3.length}`);

// Note: if you're not sure about the contents of your array, 
// you should check the results of findIndex first
let someArray4 = getArray();
const indx = someArray4.findIndex(v => v.name === "Michael");
someArray4.splice(indx, indx >= 0 ? 1 : 0);
log("", "check findIndex result first > someArray4 (nothing is removed) > ",
  format(someArray4));
log(`**someArray4.length (should still be 3) ${someArray4.length}`);

function format(obj) {
  return JSON.stringify(obj, null, " ");
}

function log(...txt) {
  document.querySelector("pre").textContent += `${txt.join("\n")}\n`
}

function getArray() {
  return [ {name: "Kristian", lines: "2,5,10"},
           {name: "John", lines: "1,19,26,96"},
           {name: "Brian", lines: "3,9,62,36"} ];
}

<pre>
**Results**

</pre>

다음 과 같은 일반적인 작업에 lodash.js 또는 sugar.js 를 사용하는 것이 좋습니다 .

// lodash.js
someArray = _.reject(someArray, function(el) { return el.Name === "Kristian"; });

// sugar.js
someArray.remove(function(el) { return el.Name === "Kristian"; });

대부분의 프로젝트에서 이와 같은 라이브러리가 제공하는 일련의 도우미 메소드를 갖는 것이 매우 유용합니다.

깨끗한 해결책은 다음을 사용하는 것입니다 Array.filter.

var filtered = someArray.filter(function(el) { return el.Name != "Kristian"; }); 

이것의 문제는 IE <9에서 작동하지 않는다는 것 입니다. 그러나 모든 브라우저에서이를 구현 하는 Javascript 라이브러리 (예 : underscore.js )의 코드를 포함 할 수 있습니다 .

이건 어때요?

$.each(someArray, function(i){
    if(someArray[i].name === 'Kristian') {
        someArray.splice(i,1);
        return false;
    }
});

표시된 "배열"이 잘못된 JavaScript 구문입니다. 중괄호 {}는 속성 이름 / 값 쌍이있는 객체에 사용되지만 대괄호 []는 배열에 사용됩니다.

someArray = [{name:"Kristian", lines:"2,5,10"}, {name:"John", lines:"1,19,26,96"}];

이 경우 .splice()방법 을 사용하여 항목을 제거 할 수 있습니다 . 첫 번째 항목 (인덱스 0)을 제거하려면 다음과 같이 말합니다.

someArray.splice(0,1);

// someArray = [{name:"John", lines:"1,19,26,96"}];

인덱스를 모르지만 배열을 검색하여 이름이 "Kristian"인 항목을 찾으려면 다음을 수행하십시오.

for (var i =0; i < someArray.length; i++)
   if (someArray[i].name === "Kristian") {
      someArray.splice(i,1);
      break;
   }

편집 : 당신이 시도 할 수 있도록 그냥, 귀하의 질문에 "jQuery를"로 태그가 발견 $.grep()방법을 .

someArray = $.grep(someArray,
                   function(o,i) { return o.name === "Kristian"; },
                   true);

ES2015

let someArray = [
               {name:"Kristian", lines:"2,5,10"},
               {name:"John", lines:"1,19,26,96"},
               {name:"Kristian", lines:"2,58,160"},
               {name:"Felix", lines:"1,19,26,96"}
            ];

someArray = someArray.filter(person => person.name != 'John');

John 을 제거합니다 !

array.filter ()를 사용할 수 있습니다.

예 :

        someArray = [{name:"Kristian", lines:"2,5,10"},
                     {name:"John", lines:"1,19,26,96"}];

        someArray = someArray.filter(function(returnableObjects){
               return returnableObjects.name !== 'Kristian';
        });

        //someArray will now be = [{name:"John", lines:"1,19,26,96"}];

화살표 기능 :

someArray = someArray.filter(x => x.name !== 'Kristian')

동적 함수는 Array, Key 및 value 객체를 가져 와서 원하는 객체를 제거한 후 동일한 배열을 반환합니다.

function removeFunction (myObjects,prop,valu)
        {
             return myObjects.filter(function (val) {
              return val[prop] !== valu;
          });

        }

전체 예 : DEMO

var obj = {
            "results": [
              {
                  "id": "460",
                  "name": "Widget 1",
                  "loc": "Shed"
              }, {
                  "id": "461",
                  "name": "Widget 2",
                  "loc": "Kitchen"
              }, {
                  "id": "462",
                  "name": "Widget 3",
                  "loc": "bath"
              }
            ]
            };


        function removeFunction (myObjects,prop,valu)
        {
             return myObjects.filter(function (val) {
              return val[prop] !== valu;
          });

        }


console.log(removeFunction(obj.results,"id","460"));

이것은 나를 위해 작동하는 기능입니다.

function removeFromArray(array, value) {
    var idx = array.indexOf(value);
    if (idx !== -1) {
        array.splice(idx, 1);
    }
    return array;
}

다음과 같은 작업을 시도해 볼 수도 있습니다.

var myArray = [{'name': 'test'}, {'name':'test2'}];
var myObject = {'name': 'test'};
myArray.splice(myArray.indexOf(myObject),1);

someArray = jQuery.grep(someArray , function (value) {
        return value.name != 'Kristian';
});

배열에 스플 라이스 기능을 사용하십시오. 시작 요소의 위치와 제거 할 서브 시퀀스의 길이를 지정하십시오.

someArray.splice(pos, 1);

UndercoreJS에 투표배열에 대한 간단한 작업 에 .

_.without () 함수는 요소를 제거하는 데 도움이됩니다.

 _.without([1, 2, 1, 0, 3, 1, 4], 0, 1);
    => [2, 3, 4]

ES 6 화살표 기능 사용

let someArray = [
                 {name:"Kristian", lines:"2,5,10"},
                 {name:"John", lines:"1,19,26,96"}
                ];
let arrayToRemove={name:"Kristian", lines:"2,5,10"};
someArray=someArray.filter((e)=>e.name !=arrayToRemove.name && e.lines!= arrayToRemove.lines)

가장 간단한 해결책은 다음과 같이 이름별로 각 객체의 인덱스를 저장하는 맵을 만드는 것입니다.

//adding to array
var newPerson = {name:"Kristian", lines:"2,5,10"}
someMap[ newPerson.name ] = someArray.length;
someArray.push( newPerson );

//deleting from the array
var index = someMap[ 'Kristian' ];
someArray.splice( index, 1 );

이것은 아마도이 상황에 적합하지는 않지만 다른 날 delete에 배열의 크기를 변경할 필요가없는 경우 키워드를 사용하여 배열에서 항목을 제거 할 수 있다는 것을 알았습니다.

var myArray = [1,2,3];

delete myArray[1];

console.log(myArray[1]); //undefined

console.log(myArray.length); //3 - doesn't actually shrink the array down

이 답변

for (var i =0; i < someArray.length; i++)
   if (someArray[i].name === "Kristian") {
      someArray.splice(i,1);
   }

조건을 충족하는 여러 레코드에 대해 작동하지 않습니다. 두 개의 연속 레코드가있는 경우 첫 번째 레코드 만 제거되고 다른 레코드는 건너 뜁니다. 다음을 사용해야합니다.

for (var i = someArray.length - 1; i>= 0; i--)
   ...

대신.

배열 구문에 오류가있는 것 같습니다. 객체가 아닌 배열을 의미한다고 가정하면 Array.splice 는 당신의 친구입니다.

someArray = [{name:"Kristian", lines:"2,5,10"}, {name:"John", lines:"1,19,26,96"}];
someArray.splice(1,1)

지도 기능도 사용할 수 있습니다 .

someArray = [{name:"Kristian", lines:"2,5,10"},{name:"John",lines:"1,19,26,96"}];
newArray=[];
someArray.map(function(obj, index){
    if(obj.name !== "Kristian"){
       newArray.push(obj);
    }
});
someArray = newArray;
console.log(someArray);

당신은 또한 사용할 수 있습니다 some:

someArray = [{name:"Kristian", lines:"2,5,10"},
             {name:"John", lines:"1,19,26,96"}];

someArray.some(item => { 
    if(item.name === "Kristian") // Case sensitive, will only remove first instance
        someArray.splice(someArray.indexOf(item),1) 
})

이것이 내가 사용하는 것입니다.

Array.prototype.delete = function(pos){
    this[pos] = undefined;
    var len = this.length - 1;
    for(var a = pos;a < this.length - 1;a++){
      this[a] = this[a+1];
    }
    this.pop();
  }

그럼 말하는 것만 큼 간단합니다

var myArray = [1,2,3,4,5,6,7,8,9];
myArray.delete(3);

3 대신 숫자를 바꾸십시오. 예상되는 결과는 다음과 같아야합니다.

console.log(myArray); //Expected output 1,2,3,5,6,7,8,9

주어진 객체의 모든 발생을 제거하려면 (일부 조건에 따라) for 루프 내부에 javascript splice 메소드를 사용하십시오.

객체를 제거하면 배열 길이에 영향을 미치므로 카운터 검사를 한 단계 씩 줄여 길이 확인이 그대로 유지되도록하십시오.

var objArr=[{Name:"Alex", Age:62},
  {Name:"Robert", Age:18},
  {Name:"Prince", Age:28},
  {Name:"Cesar", Age:38},
  {Name:"Sam", Age:42},
  {Name:"David", Age:52}
];

for(var i = 0;i < objArr.length; i ++)
{
  if(objArr[i].Age > 20)
  {
    objArr.splice(i, 1);
    i--;  //re-adjust the counter.
  }
}

위의 코드 스 니펫은 연령이 20보다 큰 모든 객체를 제거합니다.

자바 스크립트의 splice () 함수를 사용하십시오.

도움이 될 수 있습니다 : http://www.w3schools.com/jsref/jsref_splice.asp

splice (i, 1) 여기서 i는 배열의 증분 인덱스이며 객체를 제거합니다. 그러나 스플 라이스는 배열 길이를 재설정하므로 '정의되지 않음'에주의하십시오. 예제를 사용하여 'Kristian'을 제거하면 루프 내에서 다음 실행에서 2가되지만 someArray의 길이는 1이되므로 "John"을 제거하려고하면 "정의되지 않은"오류가 발생합니다 . 우아하지는 않지만 이것에 대한 한 가지 해결책은 제거 할 요소의 색인을 추적하기 위해 별도의 카운터를 갖는 것입니다.

속성 name이 "Kristian"이 아닌 배열에서 객체 만 반환

var noKristianArray = $.grep(someArray, function (el) { return el.name!= "Kristian"; });

 var someArray = [
                {name:"Kristian", lines:"2,5,10"},
                {name:"John", lines:"1,19,26,96"},
                {name:"Kristian", lines:"2,58,160"},
                {name:"Felix", lines:"1,19,26,96"}
                ];
			 
var noKristianArray = $.grep(someArray, function (el) { return el.name!= "Kristian"; });

console.log(noKristianArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

이 개념은 검도 그리드를 사용하여

var grid = $("#addNewAllergies").data("kendoGrid");

var selectedItem = SelectedCheckBoxList;

for (var i = 0; i < selectedItem.length; i++) {
    if(selectedItem[i].boolKendoValue==true)
    {
        selectedItem.length= 0;
    }
}

나는 대답이 매우 분기되고 매듭되어 있다고 생각합니다.

다음 경로를 사용하여 최신 JavaScript 전문 용어에 제공된 객체와 일치하는 배열 객체를 제거 할 수 있습니다.

coordinates = [
    { lat: 36.779098444109145, lng: 34.57202827508546 },
    { lat: 36.778754712956506, lng: 34.56898128564454 },
    { lat: 36.777414146732426, lng: 34.57179224069215 }
];

coordinate = { lat: 36.779098444109145, lng: 34.57202827508546 };

removeCoordinate(coordinate: object) {
  const found = this.coordinates.find((obj) => obj === obj);
  if (found) {
    this.coordinates.splice(found, 1);
  }
}

this.removeCoordinate(coordinate);

배열의 객체에 액세스하고 제거하려면 다음과 같이 시도하면됩니다.

// inside some function

let someArray = [ {"ColumnName" : "a", "PropertySerno" : 100005,"UpdateType" : 1},
                  {"ColumnName" : "b", "PropertySerno" : 100202,"UpdateType" : 1,
        "ShowRemoveButton" : true} ];
        
        for (let item of someArray) {
          delete item.ShowRemoveButton;
        }
        console.log(item.outputMappingData.Data);
        
//output will be like that = [ {"ColumnName" : "a", "PropertySerno" : 100005,"UpdateType" : 1},
//                             {"ColumnName" : "b", "PropertySerno" : 100202,"UpdateType" : 1 }];