본문 바로가기
HTML+CSS+Javascript/Javascript

8. 배열

by 김마리님 2020. 3. 11.

배열은 비슷한 여러 데이터를 연속적으로 저장해서 하나의 묶음으로 만드는 데이터 구조를 일컫는다.

자바에서는 데이터 타입이 존재하기 때문에 동일한 타입끼리만 배열이 저장되지만, 자바스크립트는 타입에 구애를 크게 받지 않는 언어이기 때문에 동일한 타입이 아니어도 배열로써 만들 수 있다. 하지만 일반적으로는 동일한 타입을 사용한다.

배열을 만드는 방식은 두가지가 있는데, 대괄호로 묶는 방식과, Array 데이터 타입을 이용하는 방법이 있다.

 

-[]로 배열 만들기.

        var arr=[20,5,8,15,20];
        sum=0;
        for(i=0;i<arr.length;i++){
            sum+=arr[i];
        }
        document.writeln("sum : "+sum+"<br>");

다음과 같이 대괄호[] 속에 묶어 선언하는 방식이 있다.

배열에서 주의할 점은, 우리는 첫 시작점을 1로 하지만, 컴퓨터는 1이 아니라 0부터 시작한다는 점이다. 즉, 이 배열의 첫번째 값을 호출할때 arr[1]이 아닌, arr[0]으로 호출해야한다.

이 점은 for문에서 잘 드러나는데, 이러한 배열의 특징 때문에 초기값을 1이 아닌 0으로 지정하고 for문을 실행했다.

따라서 이 for문은 a[1]+a[2]+a[3]+a[4]+a[5]가 아니라, a[0]+a[1]+a[2]+a[3]+a[4]의 값을 지니게 되는 것이다.

arr.length는 내부에 가지고 있는 원소의 갯수를 의미한다.

그렇기 때문에 이 값은 다음과 같이 호출된다.

-Array 객체를 이용해서 배열만들기

        var arr1=new Array();
        arr1[0]=15.1;
        arr1[1]=15.4;
        arr1[2]=16.1;
        arr1[3]=17.2;
        arr1[4]=19.1;
        arr1[5]=21.4;
        sum=0;
        for(i=0;i<arr1.length;i++){
            sum+=arr1[i];
        }
        document.writeln("평균 온도 : "+sum/arr1.length);

array 객체로 생성하는 방법은, new Array();의 괄호 안에 값을 넣어도 무방하고, 아래처럼  arr1[0]=15.1;형태로 값을 저장해도 무방하다. 

따라서, 이 프로그램은 다음과 같이 결과가 나온다.

 

반응형

'HTML+CSS+Javascript > Javascript' 카테고리의 다른 글

10. DOM 객체 다루기  (0) 2020.03.12
9. HTML DOM 개요  (0) 2020.03.12
7. 객체  (0) 2020.03.11
6. 함수  (0) 2020.03.11
5. 반복문  (0) 2020.03.11