JavaScript 배열에서 인덱스 제거

1. splice()함수를 사용하여 JavaScript 배열에서 특정 요소 제거
2. Array.filter()를 사용하여 JavaScript 배열에서 특정 요소 제거
3. Underscore.js라이브러리를 사용하여 JavaScript 배열에서 특정 요소 제거
4. Lodash라이브러리를 사용하여 JavaScript 배열에서 특정 요소 제거

이 자습서에서는 JavaScript의 배열에서 특정 요소를 제거하는 방법을 설명합니다.

splice()함수를 사용하여 JavaScript 배열에서 특정 요소 제거

splice()메소드는 요소를 추가/제거하여 배열의 내용을 수정할 수 있습니다. 다음 3 가지 인수를받습니다.

1. index: 요소를 추가/제거 할 위치를 지정하는 정수 값. 음수 인덱스를 사용하여 배열 뒤에서 인덱스를 지정할 수도 있습니다.
2. howmany: 선택적 매개 변수입니다. 배열에서 제거 할 항목 수를 지정합니다. 0으로 설정되면 항목이 제거되지 않습니다.
3. item1, item2, ... ,itemx: 배열에 추가 할 항목.

const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index > -1) {
  array.splice(index, 1);
}
console.log(array);

출력:

[1, 2, 4, 5]

위의 코드에서 먼저 제거하려는 요소의 인덱스를 찾은 다음splice()메서드를 사용하여 배열 요소를 제거합니다.

Array.filter()를 사용하여 JavaScript 배열에서 특정 요소 제거

filter메소드는 배열을 반복하고 특정 조건을 충족하는 요소를 필터링합니다. 이를 사용하여 대상 요소를 제거하고 나머지는 유지할 수 있습니다. 동시에 여러 요소를 제거하는 데 도움이됩니다.

var toRemove = 1;
var arr = [1, 2, 3, 4, 5];
arr = arr.filter(function(item) {
  return item !== toRemove
});
console.log(arr)

출력:

[2, 3, 4, 5]

filter기능을 사용하여 제거 할 요소와 동일하지 않은 모든 요소를 ​​유지하고 새로 형성된 배열을 원래 배열에 할당합니다.

Underscore.js라이브러리를 사용하여 JavaScript 배열에서 특정 요소 제거

Underscore.js는 내장 된 객체를 확장하지 않고도 많은 유용한 기능을 제공하는 매우 유용한 라이브러리입니다. JavaScript 배열에서 타겟 요소를 제거하려면without()함수를 사용해야합니다. 이 함수는 대상 요소의 모든 복사본이 제거 된 배열의 복사본을 반환합니다.

const arr = [1, 2, 1, 0, 3, 1, 4];
arr = _.without(arr, 0, 1);
console.log(arr);

출력:

[2, 3, 4]

위의 코드에서 제거 할 배열과 요소0및1을without함수에 전달합니다. 이 요소가 제거 된 새 배열을 반환하며arr에 다시 저장합니다.

Lodash라이브러리를 사용하여 JavaScript 배열에서 특정 요소 제거

Lodash는 완전한 라이브러리가 아닌 필요한 함수 만 가져올 수있는 훌륭한 라이브러리입니다. 배열에서 특정 요소를 제거 할 수있는remove()라는 함수가 있습니다. 이 함수는 배열에서 제거 할 요소와 일치하는 조건을 확인하기 위해 배열과 함수를 사용합니다.

var arr = [1, 2, 3, 4];
var greater = _.remove(arr, function(n) {
  return n > 2;
});
console.log(arr)

출력:

[1,2]

위의 코드에서 요소가2보다 큰지 확인하는 배열과 함수를lodash라이브러리의remove함수에 전달합니다. 배열에서2보다 큰 모든 요소를 ​​제거합니다.