[ 자바스크립트 ] 배열 종류

자바스크립트에서 배열을 선언하여 배열에 데이터를 집어넣을 수 있습니다. 배열은 공간활용에 용이하다고 하는데 이러한 배열의 선언 방법에 대해 알아보겠습니다.

배열 선언과 .length

 

 

 

배열 선언법( 1차원 배열 vs 2차원 배열 )

 

- 1차원 배열

 [ 방법 1 ]

var myArray = new Array();

 myArray[0] = "one";

 myArray[1] = 2;

 myArray[2] = "three";

 myArray[3] = false;

 

 [ 방법 2 ]

var myArray = [ "one", 2, "three", "four"];

"one"

2

"three"

false

 

 

※ [ 방법 1 ]과 [ 방법 2 ]의 결과는 서로 같습니다.

※ 배열 속의 데이터는 콤마( , )로 구분하여 줍니다.

 

- 2차원 배열

 [ 방법 1 ]

var myArray2 = new Array( new Array(5),  new Array(5), new Array(5) );

 

 [ 방법 2 ]

var myArray3 = [ [ 1, 2, 3, 4, 5 ], [ 6, 7, 8, 9, 10 ], [ 11, 12, 13, 14, 15 ]];

1	2	3	4	5
6	7	8	9	10
11	12	13	14	15

 

 

※ [ 방법 1 ]과 [ 방법 2 ]의 결과는 같을 수도 있고 같지 않을 수도 있습니다.

( [ 방법 1 ]에서는 배열만 생성되었을 뿐 데이터를 넣어주는 작업이 되어있지 않기 때문입니다. )

※ myArray3[0][0] → 1, myArray[0][1] → 2, myArray[0][4] → 5,

   myArray[1][0] → 6, myArray[2][1] → 12, myArray[2][4] → 15. 

※ [ 방법 1 ]에서 new Array( new Array(5),  new Array(5), new Array(5) ) 여기 숫자들은 한 줄에 들어갈 데이터방의 개수를 나타내므로 반드시 명시되어야 하는 부분입니다.

 

 

 

 

추가로, ( 위에서 선언한 배열의 정보를 바탕으로 ) 배열의 길이도 한번 알아보겠습니다.

 

- 1차원 배열

var five = myArray.length;

 ↓[ 결과 ] ↓

        5        

 

- 2차원 배열

var fifth = myArray3.length;

 ↓[ 결과 ] ↓

        3           // 즉, 열의 길이를 나타낸다.

 

var teen = myArray3[0].length;

 ↓[ 결과 ] ↓

        5           // 즉, 행의 길이를 나타낸다.