프로그래밍 언어를 한 번 이라도 접해셨던 분들으이라면 배열에 대한 개념은 익히 들어보셨을 겁니다.
어려운 개념은 아니므로, 실제 코드와 함께 배열에 대해 살펴보도록 하겠습니다.
배열은 대괄호([])로 변수를 선언하면 만들어지게 됩니다. 배열의 타입을 조사해보면 "object"라는 결과 값이 나옵니다. 객체(object)에 대해서는 뒤에서 자세히 설명할 예정입니다. 지금은 배열은 객체의 일종이다. 라는 정도로만 이해하시면 됩니다.
배열의 값은 ,(콤마)로 분리하여 들어갈 수 있습니다.
여타 언어와 마찬가지로 배열은 인덱스를 통해 접근이 가능합니다. 인덱스는 0번부터 시작합니다.
배열 데이타의 삽입/수정/삭제는 어떻게 이루어질까요? 코드를 통해 살펴보도록 하겠습니다.
위의 코드에서 주의 깊게 살펴볼 코드는 a[6] 부분입니다. 인덱스를 건너뛰어 값을 셋팅하는 경우에는 비어있는 인덱스에는 undefined 값이 추가됩니다. ( 실제로 이렇게 사용하는 일은 별로 없겠죠?^^; )
삭제의 경우도 특이한데, 삭제는 delete 연산자와 함께 수행합니다. delete a[1];을 수행하면 a1의 엘리먼트값을 삭제하고 이 부분을 undefined 로 대체합니다. (배열 길이에는 변함없음에 주의)
다음으로 배열안의 배열에 대해 살펴보도록 하겠습니다.
다른 언어와 크게 다른 점은 없습니다.
문자열에서의 배열에 대해서도 한번 살펴보겠습니다.
문자열도 배열처럼 접근이 가능합니다. ^^
이상으로 배열에 대한 강좌를 마칩니다. 배열은 프로그래밍 언어의 기초가 되는 개념이므로 꼭 숙지하셔야 합니다.
다음강좌에서는 자바스크립트의 기본 문법(제어문,반복문 등)에 대해 알아보도록 하겠습니다.
배열은 인덱스와 그것에 맵핑되는 데이타로 구성된 자료구조이다.다른 언어(C,Java,C++등)에서의 배열은 동일한 타입의 데이타들로 구성되어 있는 반면에 자바스크립트의 배열은 하나의 배열에 여러 개의 데이타 유형이 들어갈 수 있습니다. ( 자바스크립트에서는 var 키워드로 모든 변수타입을 선언할 수 있다는 것과 동일한 이유입니다. )
어려운 개념은 아니므로, 실제 코드와 함께 배열에 대해 살펴보도록 하겠습니다.
>>> var a = [];
>>> typeof a;
"object"
배열은 대괄호([])로 변수를 선언하면 만들어지게 됩니다. 배열의 타입을 조사해보면 "object"라는 결과 값이 나옵니다. 객체(object)에 대해서는 뒤에서 자세히 설명할 예정입니다. 지금은 배열은 객체의 일종이다. 라는 정도로만 이해하시면 됩니다.
배열의 값은 ,(콤마)로 분리하여 들어갈 수 있습니다.
>>> var a = [1,2,3];
>>> a;
[1,2,3]
>>> a[0];
1
>>> a[2];
3
배열 데이타의 삽입/수정/삭제는 어떻게 이루어질까요? 코드를 통해 살펴보도록 하겠습니다.
>>> var a = [1,2,3];
>>> a[2] = "three"; // 2번 인덱스의 값을 "three"로 수정합니다.
>>> a
[1,2,"three"]
>>> a[3] = "four"; // 3번 인덱스에 "four"라는 값을 추가합니다.
>>> a
[1,2,"three","four"]
>>> a[6] = "new" // 6번 인덱스에 "new"라는 값을 추가합니다. 4,5번인덱스는 셋팅되지 않는데 어떻게 될까요? 비어있는 공간에는 undefined 값이 추가됩니다.
>>> a
[1,2,"three","four",undefined,undefined,"new"]
>>> delete a[1];
true
>>> a
[1,undefined,"three","four",undefined,undefined,"new"]
삭제의 경우도 특이한데, 삭제는 delete 연산자와 함께 수행합니다. delete a[1];을 수행하면 a1의 엘리먼트값을 삭제하고 이 부분을 undefined 로 대체합니다. (배열 길이에는 변함없음에 주의)
다음으로 배열안의 배열에 대해 살펴보도록 하겠습니다.
>>> var a = [1,"two",false, [1,2,3], undefined];
>>> a[3] //배열안의 배열을 출력합니다.
[1,2,3]
>>> a[5] = [2,3,4]
>>> a
[1,"two",false, [1,2,3], undefined, [2,3,4]];
>>> a[3][0]; //배열안의 배열 접근법
1
다른 언어와 크게 다른 점은 없습니다.
문자열에서의 배열에 대해서도 한번 살펴보겠습니다.
>>> var s = "one";
>>> s[1];
"n"
이상으로 배열에 대한 강좌를 마칩니다. 배열은 프로그래밍 언어의 기초가 되는 개념이므로 꼭 숙지하셔야 합니다.
다음강좌에서는 자바스크립트의 기본 문법(제어문,반복문 등)에 대해 알아보도록 하겠습니다.
'WEB > javascript' 카테고리의 다른 글
| [제9강] 자바스크립트의 문법(제어문,반복문) (0) | 2011/07/01 |
|---|---|
| [제8강] 자바스크립트의 배열 (Array) (0) | 2011/07/01 |
| [제7강] Literal, expression, Statements (0) | 2011/06/29 |
| [제6강] 자바스크립트 연산자 - 논리연산자,비교연산자 (1) | 2011/06/28 |
| [제5강] 자바스크립트의 기본 데이타 유형 (Primitive Data Type) (0) | 2011/06/27 |
| [제4강] 자바스크립트 연산자(Operator) - 산술연산자 (0) | 2011/06/27 |
