Front/JS & jQuery

[javascript] 자바스크립트 배열의 특징

오선지♬ 2022. 5. 7. 11:14
728x90
반응형

자바스크립트에서 배열이란?

이름과 인덱스로 참조되는 정렬된 값의 집합배열을 구성하는 각각의 값을 배열 요소(element) 라고 하고,배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다.

 

자바스크립트에서 배열의 특징

 배열 요소의 타입이 고정되어 있지 않다. 한 배열 안에 서로 다른 데이터 타입인 요소를 담을 수 있다.

   심지어 변수, 외에도 객체, 함수도 담을 수 있다.

var arr = [1234, 'test', true];

//1234➡ number
//'test'➡ string
//true➡ boolean

 

배열 요소의 인덱스가 연속적이지 않아도 된다. 비어있는 인덱스가 있을 수 있다.

 배열의 크기를 동적으로 변경할 수 있다. 

⭐ 배열에 이미 할당된 값은 사라지지 않는다.

var arr = [1234, 'test', true];

arr.length = 5; 
// 배열의 크기를 임의로 변경( 3 -> 5 )
// arr[3], arr[4]는 값이 할당 되지 않았기 때문에 undefined


// 새로운 배열을 추가하면 크기는 자동으로 변경 ( 5 -> 6 )      
arr[5] = 'apple'; 

// 새로운 배열 추가로 크기 변경 ( 6 -> 7 )       
arr.push('banana');  

for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

//////////////////////////////////
// 출력 결과
//////////////////////////////////
1234
test
true
undefined
undefined
apple
banana

 

 

자바스크립트의 배열은 제약사항이 적어서 자유롭게 사용할 수 있지만 사용 시 많은 주의를 기울여야 한다.

 

728x90
반응형