이번에는 배열에 대해서 알아보겠습니다.


배열(Array)은 많은 데이터를 순번을 가지고 저장할 때 사용됩니다. 배열에는 원소라는 index번호를 할당받은 저장소가 있으며, 배열의 원소에 index로 접근하여 할당된 값을 읽어 올 수 있습니다. 많은 양의 데이터를 보관해야 할 때 배열을 사용하면 효율적으로 데이터를 관리할 수 있습니다. 


배열 생성

배열은 객체의 생성 방법과 유사합니다. 그럼 배열의 생성방법을 보겠습니다.

1
2
var arr = [];
var arr = new Array();
cs


배열 원소에 값을 할당하기

배열 원소의 index를 통해서 값을 할당해 주거나 배열을 생성하면서 동시에 값을 할당하는 것도 가능합니다. 

배열을 생성하고 값 넣기

1번 라인에서 []배열을 생성시켜 변수 fruits에 할당합니다. 그리고 변수 fruits를 통해서 배열의 원소 0~2index에 값을 각각 할당합니다. 

배열의 index는 0부터 시작하기 때문에 2번 라인에서 index0 에 값을 할당했습니다.

1
2
3
4
var fruits = [];
fruits[0] = "사과";
fruits[1] = "배";
fruits[2] = "바나나";
cs


배열을 생성하면서 값 넣기

1
var fruits = ["사과", "배", "바나나"];
cs

위의 두개의 배열의 값은 같습니다. 


fruits배열

  fruits[0]

  fruits[1]

 fruits[2] 

 사과

배 

바나나 


배열 원소의 값과 원소 갯수 얻어오기


1번 라인에서 배열을 생성해 주었고, 2번 라인에서 index 0에 해당하는 원소를 읽어왔습니다. 그리고 3번라인에서 length프로퍼티로 원소의 갯수를 변수 len에 할당하고 document에 출력합니다.

1
2
3
4
5
var fruits = ["사과", "배", "바나나"];
var apple = fruits[0];
var len = fruits.length;
document.write(apple);
document.write(len);
cs




'Language > Javascript' 카테고리의 다른 글

HTML 태그 설명  (0) 2018.03.12
6.javascript 반복문  (0) 2017.09.22
5.javascript객체  (0) 2017.09.22
3.javascript 조건문  (0) 2017.09.19
2.Javascript 연산자  (0) 2017.09.19

+ Recent posts