재유's

[JavaScript] 배열(Array) 본문

IT Story/ : : JAVASCRIPT

[JavaScript] 배열(Array)

Stella_NY 2019. 1. 30. 11:41

Array(배열)



같은 종류의 변수를 캐비넷 같은 공간에 그룹화 한 형태


배열의 생성

1
2
3
4
5
var data = new Array('a''b''c');
 
// 혹은
 
var data = ['a''b''c'];



배열의 특성

* 생성된 배열은 0부터 순차적으로 증가하는 index값을 갖는다.

 => 이 특성 때문에 배열은 일반적으로 반복문과 함께 사용된다.

* 데이터의 접근은 index를 통해서 이루어진다.

ex) 값 읽기 : var a = data[0];

ex) 값 저장하기 : data[1] = 100;


배열의 길이

모든 배열은 그 자체가 하나의 객체가 된다.

배열 객체의 갖는 프로퍼티 중 length는 배열의 길이(칸수)를 조회하는 기능을 갖는다.

1
2
var data = ['a''b''c'];
var count = data.length;



배열의 확장

배열은 항상 처음부터 데이터를 갖는 상태로 생성할 필요는 없다.

데이터가 저장되지 않은 상태의 빈 배열을 생성한 후, 순차적으로 index를 증가시키면서 값을 추가할 수 있다.

1
2
3
4
5
6
7
8
9
// 빈 배열 만들기
var data = [];
 
// 배열의 확장
data[0= 100;
data[1= 200;
data[2= 300;
// 값이 저장되지 않은 3,4번째 위치는 undefined가 저장됨.
data[5= 400;


* JAVA에서의 ArrayList와 같음!



2차배열

하나의 배열에서 각 원소가 또 다른 배열로 구성된 경우

1
2
3
4
5
6
7
var data = new Array(
    new Array('a''b''c'),
    new Array('d''e''f')
);
 
// 혹은
var data = [['a''b''c'],['d''e''f']];


배열의 데이터는 행, 열 형태로 구성된다.

- 행 : 1차 데이터

- 열 : 2차 데이터

- ex) 위의 예시에서 data[1][2] 는 'f'

2중 반복문으로 배열을 탐색할 경우 바깥의 반복문이 행을 처리하고 안쪽의 반복문이 열을 처리한다.

'IT Story >  : : JAVASCRIPT' 카테고리의 다른 글

[JavaScript] 콜백함수  (0) 2019.01.30
[JavsScript] Date 내장객체  (0) 2019.01.30
[JavaScript] 내장객체  (0) 2019.01.30
[JavaScript] 객체  (0) 2019.01.30
[JavaScript] 함수 정의의 또 다른 방법  (0) 2019.01.30
Comments