[javascript] 자바스크립트 배열 초기화

참고: https://flexiple.com/javascript/clear-javascript-array/

이 포스트에서는 자바스크립트를 사용하여 배열을 비우거나 지우는 여러 방법을 알아보겠습니다.

빈 배열로 대체

arry = [1, 2, 3, 4];
arry = [];

console.log(arry);

이 방법은 지우려는 배열에 대한 참조가 없을 경우 잘 작동합니다. 또한 이 방법은 배열을 초기화하는 가장 빠르고 쉬운 방법입니다.

배열의 길이를 0으로 지정

arry = [1, 2, 3, 4];
arry.length = 0;

console.log(arry);

배열의 길이를 나타내는 length 속성이 0으로 설정되면 모든 배열 요소는 자동으로 삭제됩니다.

splice() 메소드 사용

splice()는 배열의 항목을 추가하거나 지우는 메소드입니다. 이는 지워진 항목들을 리턴합니다.

문법:

array.splice(index, noOfElements, item1, ....., itemN)

index: 이는 필수 매개변수로 배열에 요소를 추가하거나 제거할 위치를 지정합니다.

noOfElements: 옵셔널 매개변수 입니다. 이는 지정된 index에서 제거할 요소의 수를 지정합니다.

item1, ..., itemN: 이는 옵셔널 매개변수로 지정된 index에서 추가할 새로운 요소를 지정합니다.

arry = [1, 2, 3, 4];
arry.splice(0,arry.length);

console.log(arry);

위의 예제는 위치 index를 0으로 지정하고 index로 부터 나머지 모든 요소를 제거합니다. splice() 메소드는 배열에서 제거된 모든 요소를 리턴합니다.

pop() 메소드 사용

pop() 메소드는 배열의 마지막 요소를 지우고 그 지운 요소를 리턴합니다. 이를 활용해 배열에서 루프를 돌아 배열의 길이가 0이 될 때 까지 반복하면 배열의 모든 항목을 지울 수 있습니다.

arry = [1, 2, 3, 4];
while (arry.length > 0) {
    arry.pop();
}

console.log(arry);

shift() 메소드 사용

pop() 메소드와 비슷하게 shift() 메소드를 사용할 수 있습니다. pop() 메소드와 shift() 메소드의 유일한 다른 점은 pop() 메소드는 배열의 마지막 요소를 지우는 반면 shift() 메소드는 배열의 첫 번째 요소부터 지웁니다.

arry = [1, 2, 3, 4];
while (arry.length > 0) {
    arry.shift();
}

console.log(arry);

일반적으로 pop() 메소드나 shift() 메소드는 요소를 하나 씩 제거하기 때문에 더 많은 시간과 더 많은 코드 라인이 필요합니다.

관련 글

자바스크립트 배열의 특정 값 삭제

자바스크립트 배열 splice() 사용 방법