3.6) 배열
배열의 필요성에 대해서는 굳이 말하지 않겠다. JS에서도 배열을 지원한다. 그런데 JS의 배열은 기존에 우리가 알던 배열과는 선언과 활용, 내부 구조가 많이 다르다. 집중해서 살펴보자.
JS의 배열은 대괄호(‘[’, ‘]’)를 이용하여 선언한다.
|
array.htm |
|
var arr = [ 1, 2, 3, 4, 5 ]; // 배열 arr을 선언합니다. for (var i=0; i<5; ++i) { alert(arr[i]); // 배열의 원소를 출력합니다. }
// 배열에 값을 대입합니다. arr[0] = 10; for (var i=1; i<4; ++i) { arr[i] = 10 + i; } arr[4] = "End of array"; // 문자열도 대입할 수 있습니다.
for (var i=0; i<5; ++i) { alert(arr[i]); // 배열의 원소를 출력합니다. } |
혹시 문자열의 길이를 얻을 때 length라는 멤버를 이용했던 것을 기억하는가? 배열에도 같은 멤버가 존재한다. 즉 배열의 원소의 개수를 얻으려면 length 멤버를 사용한다.
|
array_len.htm |
|
var arr = [ 1, 2, 3, 4, 5 ]; // 배열 arr을 선언합니다. for (var i=0; i<arr.length; ++i) { alert(arr[i]); // 배열의 원소를 출력합니다. } |
배열의 멤버를 참조할 때 for-in이라는 새로운 반복문 키워드를 이용할 수 있다.
|
array_forin.htm |
|
var arr = [ 1, 2, 3, 4, 5 ]; // 배열 arr을 선언합니다. for (index in arr) { // 배열의 각 인덱스에 대해 alert(arr[index]); // 인덱스를 이용하여 배열의 원소를 출력합니다. } |
이와 같이 배열을 사용하는 기본적인 예제를 살펴볼 수 있었다.
