배열의 요소 삭제하는 5가지 방법

최근 알고리즘 문제를 풀면서 배열을 많이 마주치게 되었다.

그만큼 배열에 쓰이는 다양한 메소드들도 써 볼 기회가 많았다.

전에 많이 봤던 것들인데도 잘 모른다는게 부끄러웠다.

그래서 내 손으로 직접 정리해보기로 했다.

---

 

배열의 요소를 삭제 하는 법

 

• pop()을 사용하여 배열의 마지막 요소 삭제
• shift()을 사용하여 배열의 첫 번째 요소 삭제
• splice()를 사용하여 begin~end까지의 배열 요소를 삭제
• filter()를 사용하여 배열 요소를 삭제
• delete 연산자를 사용하여 배열 요소 삭제

 

pop()

배열의 마지막 요소를 삭제합니다.

반환 값 : 삭제한 요소

let arr = [1,2,3,4];
arr.pop(); // 4

arr // (3)[1,2,3]

 

shift()

배열의 첫 번쨰 요소를 삭제합니다.

반환 값 : 삭제한 요소

let arr = [1,2,3,4];
arr.shift(); // 1

arr; //(3)[2,3,4]

 

 

 splice

인덱스 넘버를 이용하여 begin부터 end까지의 요소를 수정,삭제한다. 원본 배열이 바뀝니다.(깊은복사본)

사용법 : splice(beginIndex, endIndex, 대체 할 요소)

let arr = [1,2,3,4];
arr.splice(1,2, "hello"); // [2,3]

arr; // [1, 'hello', 4]

 

filter

filter함수는 pop,shift,splice 메소드와는 다르게 원본 배열을 변경하지 않습니다(얕은복사본)

요소를 돌면서 테스트를 통과하는 요소들을 모아 새로운 배열을 만듭니다.

let arr = [1,2,3,1];
arr.filter((a) => a < 3); // [1, 2, 1]

arr; // [1, 2, 3, 1] 
// 원본 배열은 바꾸지 않는다!

 

+보너스)

 

slice

beginIndex부터 endIndex 까지(end 미포함)의 요소들을 가져옵니다. 원본 배열은 바뀌지 않습니다.(얉은복사본)

사용법 : slice(beginIndex, endIndex)

let arr = [1,2,3,4];
arr.slice(0,2); //[1,2]

arr; //[1,2,3,4]