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를 확인할 수 있습니다.
Reference
이 문제에 관하여(JavaScript의 배열에서 특정 항목을 제거하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/moreonfew/how-to-remove-a-specific-item-from-an-array-in-javascript-4dkb텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)