[JavaScript] 자바스크립트 배열(Array) 생성

자바스크립트 배열 생성 방법

1. [ ]를 사용하여 만드는 방법

2. Array() 생성자를 이용하여 배열을 생성하는 방법

 

1. [ ]를 사용하여 만드는 방법

 

//배열 생성(비어있는 배열)

let arr = [];

arr[0] = 'A';
arr[1] = 'B';
arr[2] = 'C';

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

 

//배열 생성 (초기 값 할당)
let arr = ['A', 'B', 'C'];

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

 

// 배열 생성 (배열 크기 지정)
// 쉼표 개수만큼 크기 지정

let arr = [,,,,];

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

//값이 할당되어 있지 않아서 undefined로 출력

 

2. Array() 생성자를 이용하여 배열을 생성하는 방법

 

//배열 생성 (비어있는 배열)

let arr = new Array();

arr[0] = 'A';
arr[1] = 'B';
arr[2] = 'C';

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

 

//배열 생성 (초기 값 할당)
let arr = new Array('A', 'B', 'C');

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

 

// 배열 생성 (배열 크기 지정)

let arr = new Array(4);

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

//값이 할당되어 있지 않아서 undefined로 출력

 

자바스크립트 배열만의 특징

배열 내부의 데이터 타입이 서로 다를 수 있다.

배열의 크기는 동적으로 변경될 수 있다.

//배열 내부의 데이터 타입이 서로 다를 수 있다.
var arr = [1234, 'text', true];

//배열의 크기는 동적으로 변경될 수 있다.
var arr = [1234, 'text', true];

//배열의 길이를 변경하여 크기 변경(3->4)
//값이 할당되지 않고 길이만 추가되었기때문에 undefind로 추가
arr.length = 4;

//새로운 배열을 추가하면 자동으로 변경(4->5)
arr[4] = 'sky';

//새로운 배열을 추가하여 크기 변경(5->6)
arr.push('sea');

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

//출력 결과
1234
text
true
undefined
sky
sea

자바스크립트의 배열은 변수 외에도 객체와 함수도 담을 수 있고, 배열이 생성 되어도 임의로 크기가 변경이 가능하기때문에 자유롭게 사용할 수 있지만 사용 시 많은 주의를 기울여야할 필요가 있습니다.