JavaScript에서 배열을 비우는 방법

  1. 배열을 크기가 0 인 새 배열로 설정
  2. length 속성을 사용하여 JavaScript에서 배열 비우기
  3. splice()메서드를 사용하여 JavaScript에서 배열 비우기
  4. 자바 스크립트에서pop()메서드를 사용하여 배열 비우기
  5. JavaScript에서 배열을 비우도록 네이티브 메서드 수정

배열은 편리한 인덱싱 된 집합에 저장된 항목 모음입니다. 곱하기 항목을 포함하는 배열을 비우려면 어떻게해야합니까?

이 튜토리얼에서는 JavaScript에서 배열을 비우는 방법에 대한 다양한 방법을 소개합니다.

배열을 크기가 0 인 새 배열로 설정

가장 빠른 방법입니다. 이렇게하면 배열이 비어있는 새 배열로 설정됩니다.

let Arr = [1,2,3,4];
Arr = [];

다른 위치에서 원래 배열에 대한 참조가 없으면 간단합니다. 이렇게하면 이러한 참조가 업데이트되지 않으며 해당 위치는 이전 배열을 계속 사용합니다. 이는 이전 배열 내용에 대한 참조가 여전히 메모리에 유지되어 메모리 누수가 발생 함을 의미합니다.

원래 변수 Arr로 배열을 참조하는 경우에만 이것을 사용하십시오.

아래 코드 예제는이 방법을 사용할 때 발생할 수있는 문제를 보여줍니다.

let Arr1 = [1,2,3,4,5,6];
let Arr2 = Arr1;
Arr1 = [];
console.log({Arr1, Arr2});

산출:

{
  Arr1: [],
  Arr2: [1, 2, 3, 4, 5, 6]
}

length 속성을 사용하여 JavaScript에서 배열 비우기

길이를 0으로 설정하여 기존 배열을 지 웁니다. 배열의 길이 속성은 읽기/쓰기 속성이므로 ECMAScript 5에서 엄격 모드를 사용할 때도 작동합니다.

Arr1.length = 0

이 방법은 배열의 모든 항목을 삭제하여 다른 참조에 영향을 미치기 때문에 이점이 있습니다. 동일한 배열에 대한 두 개의 참조가있는 경우 Arr1.length = 0을 사용하여 배열의 내용을 삭제하면 두 참조가 동일한 빈 배열을 가리 킵니다.

예:

let foo1 = [1,2,3];
let bar1 = [1,2,3];
let foo2 = foo1;
let bar2 = bar1;
foo1 = [];
bar1.length = 0;
console.log({foo1, bar1, foo2, bar2}); 

산출:

{
  bar1: [],
  bar2: [circular object Array],
  foo1: [],
  foo2: [1, 2, 3]
}

splice()메서드를 사용하여 JavaScript에서 배열 비우기

array.splice()메서드는 자바 스크립트의 내장 메서드로, 배열에 항목을 추가/제거하고 제거 된 항목을 반환하는 데 사용됩니다.

let Arr1 = ["Tomato", "Letcuce", "Spinash", "Cucumber"];
Arr1.splice(2, 0, "Lemon", "Kiwi")
console.log(Arr1);

산출:

["Tomato", "Letcuce", "Lemon", "Kiwi", "Spinash", "Cucumber"]

배열을 비우려면 :

Arr1.splice(0, Arr1.length);
console.log(Arr1);

산출:

[]

배열에서 모든 요소를 제거하고 원래 배열을 정리합니다.

자바 스크립트에서pop()메서드를 사용하여 배열 비우기

pop()메소드는 배열에서 마지막 요소를 제거하고 해당 요소를 반환합니다. 그리고 배열의 길이를 변경합니다.

let vegetables = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(vegetables.pop()); 

console.log(vegetables); 

산출:

tomato
(4) ["broccoli", "cauliflower", "cabbage", "kale"]

배열을 반복하고 모든 루프에서 배열 요소를 팝한 다음 마지막으로 빈 배열을 얻습니다.

let Arr1 = [1, 2, 3, 4, 5];
for (let i = Arr1.length; i > 0; i--) {
  Arr1.pop();
}
console.log(Arr1); 

산출:

[]

이 솔루션은 매우 간결하지 않으며 가장 느린 솔루션이기도합니다.

JavaScript에서 배열을 비우도록 네이티브 메서드 수정

이 목록의 마지막 기술은 위의 모든 방법과 함께 사용할 수 있습니다. JavaScript를 사용하면 네이티브 메서드를 수정하고 사용하여 기능을 확장 할 수 있습니다. Array.proptotype.remove 함수를 사용하여 프로세스를 수정할 수 있습니다.

아래 예제에서는 이전 예제에서 사용한splice()메서드를 사용합니다. 이제arr.remove()함수처럼 호출하여 프로세스를 사용할 수 있습니다.


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

Array.prototype.remove =
  Array.prototype.remove ||
  function () {
    this.splice(0, this.length);
  };

arr.remove();
console.log(arr);

산출:

[]

관련 문장 - JavaScript Array

  • JavaScript 배열의 마지막 항목 가져오기