본문 바로가기

JavaScript & jQuery

<JavaScript> 배열 초기화 방법

반응형

배열은 하나의 객체에 여러 값들을 담을 수 있기 때문에 유용하게 많이 쓰이기 때문에 실제로 진행중이던 프로젝트에서 그 필요성과 초기화 방법등을 알아보겠다.

 

먼저 배열 초기화를 선언하는 방법은 한 가지가 아니다.

 

1. Array.prototype.pop() 함수를 이용해서 반복문을 돌면서 값들을 뺴내는 방법.

 

var wayArray1 = [1,2,3,4,5];
for(var i = wayArray1.length; i++){
		wayArray1.pop();
}

console.log('wayArray1 = '+ wayArray1);    // array = []; 

 

2. length 값을 0 으로 설정

var wayArray2 = [1,2,3,4,5];
wayArray2.length = 0;
console.log('wayArray2'+ wayArray2);  // wayArray2 = [];

3. 배열을 빈 배열로 재선언 하는 방법

var wayArray3 = [1,2,3,4,5];
wayArray3 = [];
console.log('wayArray3 = '+ wayArray3); // array = []

 

첫번째 두번째 경우는 배열을 참조하고 있을 때 모두 초기화가 정상적으로 이루어지지만 세번째 방법은 두개 다 초기화가 진행되지 않으니 상황에 따라 가져다 쓰면 되겠다.

 

 

 

위 사진처럼 그전에 4개를 선택했다가 취소하고 다시 3개만 선택한 상황인데 7개가 배열에 저장되어 있는 모습이다.

이럴 때는 배열을 초기화 하지 않았기 때문에 배열을 직접 초기화 해주어야 한다.

 

 

 

이런식으로 원하는 이벤트 발생시에 배열을 초기화 시켜주면 원하는 값들만 제대로 선택할 수 있을 것이다.

 

 

반응형