JavaScript 튜토리얼

배열

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]); // 인덱스를 이용하여 배열의 원소를 출력합니다.

}

이와 같이 배열을 사용하는 기본적인 예제를 살펴볼 수 있었다.

댓글

댓글 본문
작성자
비밀번호
graphittie 자세히 보기