JavaScript의 배열에서 특정 항목을 제거하려면 어떻게 해야 하나요?

배열에서 특정 값을 제거하려면 어떻게 해야 하나요? 다음과 같습니다:

array.remove(value);
제약 조건: 핵심 JavaScript를 사용해야 합니다. 프레임워크는 허용되지 않습니다.

 

indexOf를 사용하여 제거하려는 배열 요소의 인덱스를 찾은 다음 스플라이스를 사용하여 해당 인덱스를 제거합니다.

스플라이스() 메서드는 기존 요소를 제거하거나 새 요소를 추가하여 배열의 내용을 변경합니다.

const array = [2, 5, 9];

console.log(array);

const index = array.indexOf(5);
if (index > -1) { // 항목이 발견될 때만 배열을 스플라이스합니다.
  array.splice(index, 1); // 두 번째 매개변수는 하나의 항목만 제거함
}

// array = [2, 9]
console.log(array); 

스플라이스의 두 번째 매개변수는 제거할 요소의 개수입니다. 스플라이스는 배열을 제자리에서 수정하고 제거된 요소가 포함된 새 배열을 반환한다는 점에 유의하세요.

완성도를 높이기 위해 함수를 소개합니다. 첫 번째 함수는 단일 항목만 제거하고(즉, [2,5,9,1,5,8,5]에서 첫 번째 일치 항목인 5를 제거), 두 번째 함수는 모든 항목을 제거합니다:

function removeItemOnce(arr, value) {
  var index = arr.indexOf(value);
  if (index > -1) {
    arr.splice(index, 1);
  }
  return arr;
}

function removeItemAll(arr, value) {
  var i = 0;
  while (i < arr.length) {
    if (arr[i] === value) {
      arr.splice(i, 1);
    } else {
      ++i;
    }
  }
  return arr;
}
// Usage
console.log(removeItemOnce([2,5,9,1,5,8,5], 5))
console.log(removeItemAll([2,5,9,1,5,8,5], 5))

function removeItem<T>(arr: Array<T>, value: T): Array<T> { 
  const index = arr.indexOf(value);
  if (index > -1) {
    arr.splice(index, 1);
  }
  return arr;
}

 

 

자바스크립트 배열에서 항목 제거하기: 단계별 가이드

JavaScript에서 배열로 작업하는 경우 언젠가는 배열에서 특정 항목을 제거해야 할 수도 있습니다. 다행히도 자바스크립트는 배열에서 항목을 제거하는 여러 가지 방법을 제공합니다. 이 가이드에서는 자바스크립트에서 배열에서 항목을 제거하는 단계를 안내하고 그 과정에서 예제를 제공합니다.

태그: 자바스크립트 배열, 항목 제거, 스플라이스(), 필터()

splice() 메서드 사용하기

splice() 메서드는 배열에서 항목을 추가하거나 제거할 수 있는 자바스크립트 내장 메서드입니다. splice()를 사용하여 배열에서 특정 항목을 제거하려면 제거하려는 항목의 인덱스를 알아야 합니다. 다음은 예시입니다:

 

let arr = ['apple', 'banana', 'cherry', 'date'];

// Remove 'cherry' from the array
arr.splice(2, 1);

console.log(arr); // Output: ['apple', 'banana', 'date']

 

이 예제에서는 splice() 메서드를 사용하여 배열에서 인덱스 2에 있는 항목인 '체리'를 제거했습니다. splice()의 두 번째 매개변수는 제거할 항목 수를 지정합니다.

filter() 메서드 사용하기

filter() 메서드는 특정 기준을 충족하는 항목만 포함하는 새 배열을 만들 수 있는 또 다른 내장 JavaScript 메서드입니다. filter()를 사용하여 배열에서 특정 항목을 제거하려면 제거하려는 항목을 제외한 새 배열을 만들면 됩니다. 다음은 예시입니다:

 

let arr = ['apple', 'banana', 'cherry', 'date'];

// Remove 'cherry' from the array
arr = arr.filter(function(item) {
  return item !== 'cherry';
});

console.log(arr); // Output: ['apple', 'banana', 'date']

 

이 예제에서는 filter() 메서드를 사용하여 'cherry' 항목을 제외한 새 배열을 만들었습니다.

결론

자바스크립트 배열에서 항목을 제거하는 것은 splice() 메서드 또는 filter() 메서드를 사용하여 수행할 수 있습니다. splice() 메서드는 인덱스별로 특정 항목을 제거해야 하는 상황에 적합하며, filter() 메서드는 특정 항목을 제외한 새 배열을 생성할 때 유용합니다. 이러한 메서드 사용법을 이해하면 JavaScript 코드에서 배열에서 항목을 쉽게 제거할 수 있습니다.