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

정의:

JavaScript 배열을 사용하면 값을 그룹화하고 반복할 수 있습니다. 다양한 방법으로 배열 요소를 추가하고 제거할 수 있습니다. 불행히도 간단한 Array.remove 메서드는 없습니다. 총 9가지 방법이 있습니다(자신에게 맞는 방법 사용). 삭제 방법 대신 JavaScript 배열에는 배열 값을 정리할 수 있는 다양한 방법이 있습니다.

JavaScript 배열에서 요소를 제거하는 데 사용할 수 있는 다양한 방법과 기술이 있습니다.

다음과 같은 방법으로 JavaScript 배열에서 요소를 제거하는 데 사용할 수 있습니다.

pop - 어레이 끝에서 제거

shift - 배열의 시작 부분에서 제거합니다

.

splice - 특정 배열 인덱스에서 제거합니다

.

필터 - 프로그래밍 방식으로 배열에서 요소를 제거할 수 있습니다

.

방법 1: JavaScript 배열의 시작 부분에서 요소 제거

var ar = ['zero', 'one', 'two', 'three'];

ar.shift(); // returns "zero"

console.log( ar ); // ["one", "two", "three"]

방법 2: JavaScript 배열의 끝에서 요소 제거

var ar = [1, 2, 3, 4, 5, 6];

ar.length = 4; // set length to remove elements
console.log( ar ); // [1, 2, 3, 4]


var ar = [1, 2, 3, 4, 5, 6];

ar.pop(); // returns 6
console.log( ar ); // [1, 2, 3, 4, 5]

방법 3: Splice를 사용하여 JavaScript에서 배열 요소 제거

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];

var removed = arr.splice(2,2);
console.log(arr);


var list = ["bar", "baz", "foo", "qux"];

list.splice(0, 2);
console.log(list);

방법 4: Splice를 사용하여 값으로 배열 항목 제거

var arr = [1, 2, 6, 3, 2, 6, 7, 8, 9, 10];

for (var i = 0; i < arr.length; i++) {

  if (arr[i] === 6) {

    var removed = arr.splice(i, 1);
    i--;
  }

}

console.log(arr); // 6 is removed

방법 5: 배열 필터 방법을 사용하여 값별로 항목 제거

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var filtered = array.filter(function(value, index, arr) {
  return value != 6 ;
});

console.log(filtered); // 6 is removed

방법 6: Lodash 어레이 제거 방법

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var removeElement = _.remove(array, function(n) {
  return n === 6;
});

console.log(array); // 6 is removed

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

방법 7: 제거 방법 만들기

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

function arrayRemove(arr, value) {

  return arr.filter(function(element) {
    return element != value;
  });
}

console.log(arrayRemove(array, 6)); // 6 is removed

방법 8: 삭제 연산자를 사용하여 배열 요소를 명시적으로 제거

var ar = [1, 2, 3, 4, 5, 6];

delete ar[4]; // delete element with index 4

console.log( ar ); // [1, 2, 3, 4, undefined, 6]

alert( ar ); // 1,2,3,4,,6

방법 9: JavaScript 배열 지우기 또는 재설정

var ar = [1, 2, 3, 4, 5, 6];
//do stuffar = [];
//a new, empty array!

var arr1 = [1, 2, 3, 4, 5, 6];
var arr2 = arr1; 
// Reference arr1 by another variable arr1 = [];

console.log(arr2); 
// Output [1, 2, 3, 4, 5, 6]

var arr1 = [1, 2, 3, 4, 5, 6];
var arr2 = arr1; 
// Reference arr1 by another variable arr1 = [];

console.log(arr2); 
// Output [1, 2, 3, 4, 5, 6]

요약:

데이터를 관리하려면 JavaScript 배열 항목을 제거하는 것이 중요합니다. 하나의 '제거' 방법은 없지만 원치 않는 배열 항목을 정리하는 데 사용할 수 있는 다양한 방법과 기술이 있습니다.