자바스크립트로 배열을 비우는 가장 간단한 방법

자바스크립트에서 배열을 비우는 방법은 생각보다 훨씬 간단합니다. 이 글에서는 length 속성을 활용해 배열의 모든 요소를 단 한 줄의 코드로 제거하는 방법을 알아보겠습니다.

예제 배열 준비하기

먼저 운동 목록이 담긴 배열이 있다고 가정해 보겠습니다:

let exerciseList = ["squat", "deadlift", "push-up", "pull-up"];

console.log(exerciseList)를 실행하면 배열이 정상적으로 생성되었는지 확인할 수 있습니다.

length 속성으로 배열 비우기

배열을 비우려면 다음 코드를 실행하기만 하면 됩니다:

exerciseList.length = 0;

참고로 빈 문자열("")을 할당해도 자바스크립트가 자동으로 숫자 0으로 변환하기 때문에 동일하게 동작하지만, 코드의 의도를 명확하게 전달하기 위해서는 0을 사용하는 것이 좋습니다.

결과 확인

이제 다시 console.log(exerciseList)를 실행하면 배열이 완전히 비워진 것을 확인할 수 있습니다:

console.log(exerciseList)
// 출력: []

다른 대안적인 방법들

length 속성 외에도 배열을 비우는 몇 가지 방법이 있습니다.

1. splice() 메서드 사용

exerciseList.splice(0, exerciseList.length);

첫 번째 인덱스부터 배열 길이만큼의 요소를 모두 제거하는 방식입니다.

2. 새로운 배열 재할당

exerciseList = [];

단, 이 방식은 기존 배열을 참조하던 다른 변수에는 적용되지 않습니다. 여러 곳에서 같은 배열을 참조하고 있다면 length = 0 방식이 더 안전합니다.