자바스크립트 기초 :: 배열선언과 예제

배열은 변수에 한 개가 아닌 여러 개의 값을 동시에 저장할 때 사용합니다.

여러 개의 연관이 있는 데이터를 한꺼번에 저장할 필요가 있을 때 사용합니다.

배열선언

- 리터럴 방식 : 일반적인 선언 방법으로 배열값을 변수와 함깨 선언하는 방법입니다.

var 변수 = ["데이터1", "데이터2", "데이터3"];

- 배열객체 사용 : 인자로 배열의 값을 넘겨주어 선언합니다. 

var 변수 = new Array(데이터[...]);

이런식으로 표현할 수 있습니다. 참고로 배열은 최대 4,294,967,295개의 값을 가질 수 있습니다.

만든 배열변수 접근법

var 변수이름 = 배열이름[n];

변수 이름과 몇 번째 데이터를 불러올 건지 index 번호만 적어주면 된다. 배열번호 0부터 시작한다.

배열 선언하고 불러오기 예제

    <script> 
        var animal = ["강아지", "고양이", "코끼리", "호랑이", "수달"];
        document.write("animal[0] = " + animal[0], "<br>");
        document.write("animal[1] = " + animal[1], "<br>");
        document.write("animal[2] = " + animal[2], "<br>");
        document.write("animal[3] = " + animal[3], "<br>");
        document.write("animal[4] = " + animal[4], "<br>");
    </script>

     << 결과 화면 >>

배열객체의 속성

#length : 배열의 개수 반환

    <script> 
        var testArray = ['데이터1', '데이터2', '데이터3'];
        document.write(testArray.length);
    </script>

//3

#Array.prototype : 모든 array 객체에 속성 또는 메소드를 추가

메소드

#concat() : 서로다른 배열을 합친다.

    <script> 
        var testArray1 = ['데이터1', '데이터2', '데이터3'];
        var testArray2 = ['데이터4', '데이터5'];
 
        testArray1.concat(testArray2)
 
        document.write(testArray1);
    </script>

// 데이터1,데이터2,데이터3

변변수