JavaScript의 배열에서 특정 항목을 제거하는 방법은 무엇입니까?

JavaScript에서 Array 객체는 가장 일반적으로 사용되는 객체 중 하나이므로 우리 대부분은 이미 Array 메서드를 잘 이해하고 있을 것입니다. 그러나 매우 일반적으로 보일 수 있는 특정 작업을 수행하기 위해 미리 정의된 방법이 없을 수 있음을 알게 되는 경우가 있습니다. 이러한 경우 중 하나는 배열에서 특정 항목을 제거해야 하는 경우입니다. JavaScript의 배열에서 특정 항목을 제거하는 현대적이고 간단한 방법을 살펴보겠습니다.

JavaScript에서 값으로 배열에서 특정 항목을 제거하는 방법



이미 알아냈을 수도 있지만 Array 개체에는 해당 값으로 Array에서 특정 항목을 제거하는 데 도움이 되는 미리 정의된 메서드가 없습니다. 그러나 Array Filter 방법을 사용하여 이를 달성할 수 있습니다.

배열 필터 방법을 사용하여 배열에서 특정 항목을 제거하는 예를 보여줍니다.




const colors = ['red', 'green', 'blue', 'orange', 'pink', 'yellow'];
const removeColor = 'blue';
const result = colors.filter(
    item => item != removeColor
);
console.log(result) /* ['red', 'green', 'orange', 'pink', 'yellow'] */


다음 섹션에 표시된 대로 위의 코드를 화살표 함수로 변환할 수 있습니다.

배열에서 값으로 특정 항목을 제거하는 방법




const removeByValue = (arr, valueToRemove) => arr.filter(item => item != valueToRemove);

const colors = ['red', 'green', 'blue', 'orange', 'pink', 'yellow'];
removeByValue(colors, 'blue') /* pass the array and the item value to be removed */


위 코드의 출력은 다음과 같습니다.

['red', 'green', 'orange', 'pink', 'yellow']


알 수 있듯이 값이 Blue인 항목을 제거한 후 반환된 값은 새 배열입니다. 이렇게 하면 원래 어레이가 그대로 유지됩니다.

JavaScript에서 인덱스로 배열에서 특정 항목을 제거하는 방법



반면 index 를 사용하여 Array 에서 항목을 제거하려는 경우 다음 코드를 시도해 볼 수 있습니다.

const colors = ['red', 'green', 'blue', 'orange', 'pink', 'yellow'];
const removeIndex = 2;
const result = colors.filter(
    (item, i) => i != removeIndex
);
console.log(result) /* ['red', 'green', 'orange', 'pink', 'yellow'] */


위에 주어진 코드는 아래와 같이 Arrow 메서드로도 작성할 수 있습니다.

인덱스로 배열에서 특정 항목을 제거하는 방법




const removeByIndex = (arr, indexToRemove) => arr.filter((item, i) => i != indexToRemove);

const colors = ['red', 'green', 'blue', 'orange', 'pink', 'yellow'];
removeByIndex(colors, 2) /* pass the array and the Index of the item to be removed */


위 코드의 출력은 다음과 같습니다.

['red', 'green', 'orange', 'pink', 'yellow']


앞에서 언급했듯이 매우 일반적인 작업에 사용할 수 있는 기존 또는 미리 정의된 메서드가 없을 수 있는 시나리오를 접할 수 있는 경우가 있습니다. 그러한 경우 우리가 가진 대안은 다른 미리 정의된 방법을 사용하여 원하는 것을 달성하는 데 도움이 되는 사용자 정의 방법을 만드는 것입니다. 이러한 시나리오 중 하나는 배열에서 특정 항목을 제거해야 하는 경우입니다. 보시다시피 기존의 Array Filter 방법을 사용하여 원하는 것을 얻을 수 있습니다.

splice() 메서드를 포함하여 JavaScript의 배열에서 특정 항목을 제거하기 위해 온라인에서 사용할 수 있는 다양한 방법이 있지만 위에 표시된 방법은 현대적이고 간단한 방법입니다. 이러한 메서드는 원래 배열을 변경하지 않고 안전하고 변경할 수 없도록 유지합니다. 이 기사가 마음에 드셨기를 바랍니다. 당신은 또한 우리의 다른 JavaScript related tutorials and articles를 확인할 수 있습니다.

좋은 웹페이지 즐겨찾기