[javascript] 배열 순회 시 특정 요소 제거하기

자바스크립트에서 배열을 순회하며 특정 요소를 제거하는 방법에 대해 알아보겠습니다.

가장 일반적인 방법은 filter 메서드를 사용하는 것입니다. filter 메서드는 주어진 콜백 함수에 따라 새로운 배열을 반환하는데, 이 콜백 함수에서 특정 요소를 제거할 수 있습니다.

다음은 예시 코드입니다.

const numbers = [1, 2, 3, 4, 5];
const target = 3;

const filteredNumbers = numbers.filter((number) => number !== target);
console.log(filteredNumbers); // [1, 2, 4, 5]

위 코드에서 numbers 배열에서 target 요소를 제외한 새로운 배열인 filteredNumbers를 생성합니다. filter 메서드의 콜백 함수에서 실행한 조건문에 따라 target과 같은 요소는 제외되고 나머지 요소만 필터링됩니다.

이 외에도 다른 방법으로도 요소를 제거할 수 있습니다. splice 메서드를 사용하면 특정 인덱스에서 요소를 제거할 수 있습니다. 다음은 예시 코드입니다.

const numbers = [1, 2, 3, 4, 5];
const indexToRemove = 2;

numbers.splice(indexToRemove, 1);
console.log(numbers); // [1, 2, 4, 5]

위 코드에서 splice 메서드를 사용하여 numbers 배열에서 indexToRemove 인덱스에 있는 요소를 1개 제거합니다. 주어진 인덱스부터 시작하여 제거할 요소의 개수를 지정할 수 있습니다.

이처럼 자바스크립트에서는 여러 방법으로 배열 순회시 특정 요소를 제거할 수 있습니다.

참고 자료: