Front/JS & jQuery

[JS] 빈 배열로 초기화하기

오선지♬ 2022. 5. 23. 18:59
728x90
반응형

 

1. 빈배열 할당하기

let arr = [1, 2, 3];

arr = [];

document.write('arr : ' + arr);		// arr : (빈 배열)

 

2. 배열의 길이 설정으로 초기화하기

let arr = [1, 2, 3];

arr.length = 0;

document.write('arr : ' + arr);		// arr : (빈 배열)

 

3. splice() 사용

let arr = [1, 2, 3];

arr.splice(0); 	// 시작인덱스부터 끝까지 삭제한다.

document.write('arr : ' + arr);		 // arr : (빈 배열)

splice() 함수 - 3개의 파라미터를 입력 받는다.

✅ 첫번째 파라미터 : 배열에서 변경을 시작할 index

✅ 두번째 파라미터 : 입력된 숫자만큼 요소를 삭제. ( 생략되면 시작 index부터 끝까지 모든 값이 삭제 ) 

✅ 세번째 파라미터 : 시작 index에 추가할 값 입력

 

값을 추가시키는 splice()  사용의 예제

// 앞에 추가 
const arr1 = [1, 2, 3];
arr1.splice(0, 0, 'a', 'b');
document.write(arr1 + '<br>');				// [ 'a', 'b', 1, 2, 3]

// 뒤에 추가
const arr2 = [1, 2, 3];
arr2.splice(arr2.length, 0, '4', '5');
document.write(arr2 + '<br>');				// [1, 2, 3, 4, 5]

// 중간에 추가
const arr3 = [1, 2, 3];
arr3.splice(1, 0, 'a', 'b');
document.write(arr3 + '<br>');				//  [1, 'a', 'b', 2, 3]

값을 삭제시키는  splice() 사용의 예제

// 앞에서 2개 원소 삭제
const arr1 = [ 'a', 'b', 1, 2, 3 ];
arr1.splice(0, 2);
document.write(arr1 + '<br>');		//	[1, 2, 3]

// 중간(idnex 1) 2개 원소 삭제
const arr2 = [1, 'a', 'b', 2, 3];
arr2.splice(1, 2);
document.write(arr2 + '<br>');		//	[1, 2, 3]

// 마지막 원소 삭제
const arr3 = [1, 2, 3, 'a'];
arr3.splice(arr3.length - 1, 1);
document.write(arr3 + '<br>'); 		//	[1, 2, 3]

 

4. pop() 사용

let arr = [1, 2, 3];

while(arr.length > 0) {
    arr.pop();
}

document.write('arr : ' + arr);		// arr : (빈 배열)

pop() 함수는 배열의 맨 뒤값을 제거한다.

그래서 배열의 개수만큼 반복문을 돌려서 배열을 빈배열로 초기화 하는 방법이다.

728x90
반응형