이번에는 배열에 대해서 알아보겠습니다.
배열(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 |