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

Javascript에서 수행해야 하는 가장 빈번한 작업 중 하나는 배열에서 특정 항목을 제거하는 것입니다. 그러나 그것은 간단하지 않습니다. Javascript에는 메소드removeArrayItem가 없으므로 대체 메소드를 사용해야 합니다. Javascript에서 특정 배열 항목을 제거하는 방법을 살펴보겠습니다.

Javascript에서 특정 배열 항목을 제거하는 방법

옵션 1: filter() 사용

최신 Javascript를 사용하여 특정 배열 항목을 제거하는 가장 쉬운 방법은 필터를 사용하는 것입니다. 간단한 예를 살펴보겠습니다.

let myArr = [ "🍎", "🍏", "🍐", "🍍" ];

// Creates a new array without "🍍" - so [ "🍎", "🍏", "🍐" ]
let removedArr = myArr.filter((x) => x !== "🍍");
console.log(removedArr);

이것은 모든 요소가 고유한 배열이 있을 때 훌륭하게 작동합니다. 불행하게도 하나의 항목만 제거하고 중복 항목이 있는 경우 고장이 나기 시작합니다. 다른 예를 살펴보겠습니다.

let myArr = [ "🍎", "🍏", "🍏", "🍍" ];

// Creates a new array without "🍏" - so [ "🍎",  "🍍" ]
let removedArr = myArr.filter((x) => x !== "🍏");
console.log(removedArr);

두 개의 녹색 사과가 있고 새 배열이 모든 녹색 사과를 필터링하므로 이 방법을 사용할 때 실제로 두 항목을 제거합니다. 하나의 요소만 제거하려면 대체 전략을 사용해야 합니다.

옵션 2: indexOf() 및 splice() 사용

이 방법에는 몇 줄이 더 필요하지만 이전 예제와 몇 가지 면에서 약간 다릅니다.

우선 원래 배열을 변경하므로 여기서는 복사본을 만들지 않습니다. 원래 배열이 변경됩니다.

둘째, 두 가지 기능을 사용합니다. 먼저 제거할 배열 항목indexOf을 가져온 다음 배열splice을 가져와 단일 항목을 제거합니다.

다음은 예입니다.

let myArr = [ "🍎", "🍏", "🍏", "🍍" ];
let getLocation = myArr.indexOf("🍏");
myArr.splice(getLocation, 1);
// myArr now becomes [ "🍎", "🍏",  "🍍" ];
console.log(myArr);

이 예제는 상황에 따라 더 적합할 수 있지만 궁극적으로 자신의 코드에서 무엇이 가장 잘 작동하는지 결정해야 합니다.

결론

Javascript의 배열에서 항목을 제거하는 직접적인 방법은 없지만 배열 항목 제거와 관련된 거의 모든 사용 사례를 다룰 수 있는 충분한 유연성을 제공하는 두 가지 도구가 있습니다. 보다 빠른 어레이 팁을 알아보려면 myarray tips guide here를 확인하십시오.