프론트엔드/JavaScript

자바스크립트의 배열(Array)

ksge7 2020. 9. 10. 00:18

배열(Array)이란?

자바스크립트에서 배열(Array)는 이름과 인덱스로 참조되는 정렬된 값의 집함.

 

배열을 구성하는 각각 값을 요소(element)라고 하며, 배열에서 위치를 가리키는 숫자는 인덱스(index)라고 함

 

자바스크립트 배열의 특징

1. 요소들의 타입이 고정되지 않아, 같은 배열에 있는 요소끼리 타입이 서로 다를 수 있다.

 

2. 배열 요소의 인덱스는 연속적이지 않아도 된다. 따라서 특정 요소는 비어있을 수 있다.

 

3. 배열은 Array객체로 다뤄진다.

 

배열의 생성

<body>
    <script>

        var arr1 = ['a','b','c','d','e'];
        var arr2 = Array('a','b','c','d','e');
        var arr3 = new Array();

    </script>
</body>

배열 생성하는 방법은 총 세가지다.

 

1. 배열 리터럴을 이용하는 방법 (예시의 arr1)

 

2. Array 객체의 생성자를 이용하는 방법 (예시의 arr2)

 

3. new 연산자를 이용한 Array 객체 생성 방법 (예시의 arr3)

 

배열의 추가

<body>
    <script>

        var arr1 = ['a','b','c','d','e'];
        var arr2 = Array('a','b','c','d','e');
        var arr3 = new Array();

        arr1.push("f"); // 1번 배열에 "f" 추가
        arr3[0] = "a";  // 3번 배열에 "a" 추가

    </script>
</body>

배열의 추가는 push() 메서드를 이용하거나 배열의 인덱스를 지정해서 값을 넣는 방식이 있다.

 

전자는 배열의 맨뒤에 요소가 추가되고, 후자는 원하는 위치에 요소를 넣을 수 있다.