프로그래밍/웹 관련

[javascript] 배열을 모두 비우는 방법

채윤아빠 2024. 6. 12. 21:54
728x90
반응형

개요

JavaScript에서 배열을 모두 비우는 여러 가지 방법들을 정리해 둡니다.


배열을 모두 비우는 방법

JavaScript에서 배열을 모두 비우는 방법은 다음과 같이 여러 가지가 있습니다. 각 방법의 특징과 함께 알아보겠습니다.

1. 길이를 0으로 설정

let arr = [1, 2, 3, 4, 5];
arr.length = 0;


이 방법은 가장 효율적이고 빠르며, 원본 배열 참조를 유지합니다.

2. 빈 배열 할당

let arr = [1, 2, 3, 4, 5];
arr = [];


새로운 빈 배열을 할당합니다. 원본 배열 참조가 변경됩니다.

3. splice() 메소드 사용

let arr = [1, 2, 3, 4, 5];
let removed = arr.splice(0, arr.length);


원본 배열을 수정하며, 제거된 요소들의 새 배열을 반환합니다.
제거된 요소들을 새 배열에 저장합니다.

4. pop() 또는 shift() 메소드 반복 사용

let arr = [1, 2, 3, 4, 5];
while(arr.length > 0) {
    let item = arr.pop(); // 또는 arr.shift();
    // item에 대한 추가 작업
}


꺼낸 항목별로 처리해야할 별도의 작업이 있을 경우 유용합니다.
그러나, 배열의 크기가 큰 경우 비효율적일 수 있습니다.


결론

성능이 중요하다면 길이를 0으로 설정하는 방법이 가장 빠릅니다. (arr.length = 0)
다른 변수가 같은 배열을 참조하고 있다면 1번 또는 3번 방법을 사용하세요.
새 참조를 만들고 싶다면 2번과 방법과 같이 "[]"로 새로운 배열을 생성하여 초기화합니다.
제거된 요소를 사용해야 한다면 splice() 메소드를 사용하면 됩니다.