어제 오늘 내일

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

IT/Javascript

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

hi.anna 2020. 7. 31. 01:35

 

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가지 방법을 알아보았습니다.

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

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

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

 

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

 

 

반응형
Comments