[Javascript] 배열 선언하는 2가지 방법

 

Javascript에서 배열을 선언하는 방법은

대괄호([])를 사용하는 방법과

new Array()를 이용하는 방법

이렇게 2가지가 있습니다.

 

 [Javascript] 배열을 선언하는 2가지 방법 

let arr1 = [];
let arr2 = new Array();

 

 

 

 대괄호([]) 사용하여 배열 선언하기 

 

See the Pen 배열 by anna (@hianna) on CodePen.

 

위와 같이 대괄호를 이용하여 빈 배열을 생성할 수도 있고,

배열을 선언할 때 초기값을 설정해 줄 수도 있습니다.

 

 arr1 = []; 

빈 배열을 생성하였습니다. 이 배열의 길이는 0입니다.

 

 arr2 = ['white', 'red', 'black']; 

초기값을 설정하면서 배열을 생성하였습니다.

이 배열의 길이는 3입니다.

 

 

See the Pen 배열 by anna (@hianna) on CodePen.

 

 배열은 여러가지 타입의 값을 담을 수 있습니다. 

하나의 배열에 꼭 한가지 타입의 값만 가질 수 있는 것은 아닙니다.

위의 예제처럼 배열은 여러가지 타입의 값을 담을 수 있습니다.

위의 예제에서는 하나의 배열 안에

문자열, 숫자, boolean값, 배열이 추가되었습니다.

arr 배열 안에 배열이 추가된 경우, 추가된 배열은 하나의 element로 취급됩니다.

즉, 위 예제에 추가된 [100, 200] 배열은 2개의 정수 element를 가졌지만, 

arr 배열에서는 1개의 배열 element로 취급되어,

arr 배열의 길이는 4가 출력되었습니다.

 

 

 new Array() 사용하여 배열 선언하기 

 

See the Pen 배열 by anna (@hianna) on CodePen.

 

new Array() 를 사용하여 배열을 사용할 수도 있습니다.

대괄호([])를 사용하여 배열을 생성하는 것과 거의 차이가 없습니다.

오히려 대괄호를 사용하여 배열을 선언하는 것이 더 간결하기 때문에,

대괄호를 사용하여 배열을 선언하는 것이 더 선호됩니다.

 

 new Array(); 

파라미터로 아무것도 전달되지 않으면 비어있는 배열, 즉 length가 0인 배열을 생성합니다.

 

 new Array(3); 

정수 1개가 파라미터로 전달되면, 파라미터는 생성할 배열의 크기를 의미합니다.

따라서, 위 예제에서는 길이가 3인 배열이 생성되었습니다.

이 때, 배열의 원소는 모두 undefined 값으로 채워집니다.

 

 const arr3 = new Array('red', 'green', 'blue'); 

파라미터로 하나의 정수가 아닌, 여러개의 값을 전달하면

파라미터 값을 원소로 하는 배열이 생성됩니다.

위의 예제에서는 3개의 파라미터가 전달되었으므로,

길이가 3인 'red', 'green', 'blue'를 원소로 하는 배열이 생성되었습니다.

 

 

---

 

Javascript에서 배열을 생성하는 2가지 방법을 알아보았습니다.

주로 첫번째로 소개한 대괄호를 사용하는 방법이 많이 사용됩니다.

하지만, 내가 만든 코드 뿐만 아니라, 다른 사람이 만든 코드도 읽을 줄 알아야 하기 때문에

배열을 생성하는 두 가지 방법을 모두 익혀두는 것이 좋다고 생각합니다.

 

다음 번에는 배열에 값을 추가하는 방법을 알아보도록 하겠습니다.