자바스크립트에서 배열의 특정 위치에 있는 요소를 제거하는 방법

배열을 다루다 보면 지정한 위치(index)에 있는 요소를 삭제해야 하는 경우가 종종 있습니다. 자바스크립트에서는 splice() 메서드를 사용하면 특정 인덱스부터 원하는 개수만큼의 요소를 손쉽게 제거할 수 있습니다.

splice() 메서드 기본 문법

splice() 메서드의 기본 형태는 다음과 같습니다.

array.splice(startIndex, deleteCount);

첫 번째 매개변수 startIndex는 삭제를 시작할 인덱스이고, 두 번째 매개변수 deleteCount는 그 위치부터 제거할 요소의 개수입니다.

예제

아래 예제에서는 배열의 0번 인덱스에서 요소 1개를 제거합니다.

let veggies = ["Onion", "Raddish", "Broccoli"];
veggies.splice(0, 1); // 인덱스 0에서 요소 1개 제거
console.log(veggies);

실행 결과

위 코드를 실행하면 다음과 같은 결과가 출력됩니다.

["Raddish", "Broccoli"]

0번 인덱스에 있던 "Onion"이 삭제되고, 나머지 요소들이 앞으로 이동한 것을 확인할 수 있습니다.

참고 사항

splice() 메서드는 원본 배열 자체를 직접 수정한다는 점에 유의해야 합니다. 또한 제거된 요소들을 담은 새로운 배열을 반환하므로, 삭제된 값을 따로 활용해야 할 때 유용합니다. 만약 원본 배열을 변경하지 않고 새로운 배열을 얻고 싶다면 filter()나 slice() 같은 메서드를 사용하는 것이 좋습니다.