JavaScript에서 배열을 비우는 가장 간단한 방법은 해당 변수에 새로운 빈 배열([])을 할당하는 것입니다. 이렇게 하면 기존 배열의 모든 요소가 더 이상 참조되지 않으며, 가비지 컬렉터에 의해 메모리에서 정리됩니다.
arr = [];
기본 예제
아래 코드를 실행하면 배열을 비우기 전과 후의 상태를 직접 확인할 수 있습니다:
<html>
<head>
<title>JavaScript Arrays</title>
</head>
<body>
<script>
var arr = ["orange", "mango", "banana", "sugar", "tea"];
document.write("<br />Original array: " + arr);
arr = [];
document.write("<br />Current array: " + arr);
</script>
</body>
</html>출력 결과
Original array: orange,mango,banana,sugar,tea Current array:
배열을 비우는 다른 방법들
빈 배열을 재할당하는 방식 외에도 상황에 따라 유용하게 쓸 수 있는 방법들이 있습니다.
1. length 속성을 0으로 설정
원본 배열 객체의 참조를 그대로 유지해야 하는 경우에 적합합니다. 다른 변수가 같은 배열을 참조하고 있어도 함께 비워집니다.
arr.length = 0;
2. splice() 메서드 사용
배열의 첫 번째 요소부터 마지막 요소까지 모두 제거하는 방식으로, 원본 배열을 직접 수정합니다.
arr.splice(0, arr.length);
3. pop() 메서드 반복 호출
요소를 하나씩 제거하는 방식으로, 성능 면에서는 앞선 방법들보다 느리지만 요소를 제거하면서 동시에 처리해야 할 때 유용합니다.
while (arr.length > 0) {
arr.pop();
}방법 선택 시 주의사항
arr = []처럼 새 배열을 할당하면 기존 배열을 참조하던 다른 변수에는 영향을 주지 않습니다. 반면 length = 0이나 splice()는 원본 배열 자체를 변경하기 때문에, 여러 곳에서 같은 배열을 공유하는 코드라면 어떤 방식을 선택할지 신중하게 결정해야 합니다. 대부분의 경우 가장 간결하고 직관적인 arr = [] 방식을 권장합니다.