본문 바로가기
programming/javascript

자바스크립트 배열의 데이터타입 javascript array data type

by 개코 - 개발과 코딩 2021. 12. 18.

자바스크립트 배열의 데이터타입은 객체이다. 객체는 데이터덩어리이며 접근이 가능하다. 배열은 인덱스 번호를 이용하고, 순수 객체 데이터의 경우 점을 이용하여 접근할 수 있다. 이것은 json 객체의 데이터에 접근하는 것을 봐도 알 수 있고, 메서드 또한 점으로 접근한다는 점에서 객체는 데이터 덩어리라는 점을 알 수 있다.

자바스크립트 배열의 데이터타입
javascript array data type

자바스크립트의 배열의 데이터타입은 객체이다.

배열과 같은 컬렉션과 비슷한 것이 json 객체 이기도 하다.

배열의 각 요소 또한 객체일 수 있다.

이것은 어떤 데이터타입이 되었든 배열의 요소로써 설정될 수 있다는 것을 의미한다.

object 객체

자바스크립트 뿐만 아니더라도 객체라는 표현은 생소할 수 있다.

객체는 쉽게 말해 하나의 데이터 덩어리라고 이해할 수 있다.

객체는 문자열이 될 수도 있고, 배열이 될 수도 있고, 함수가 될 수도 있다.

이들의 공통점은 데이터가 모여있는 하나의 덩어리이다.

데이터 덩어리는 객체는 자바스크립트에서 데이터타입이 object이다.

샘플 코드

배열의 데이터타입을 직접 확인하자.

json 객체와 같이 비교해 보도록 한다.

아래의 코드는 변수를 설정한 후 배열과 json 객체에 변수를 설정한 후 비교한 결과이다.

<!DOCTYPE html>
<html>
    <body>

        <h2>자바스크립트 배열 객체</h2>
        <script>

            comp = "스타쉽";
            team = "아이브";
            members = ["리즈","레이","원영","유진","가을","이서"];
            count = members.length;
            
            console.log("----------");

            vArray = new Array(comp, team, count, members);

            console.log(typeof(vArray), vArray);
            console.log(typeof(vArray[3]), vArray[3]);

            console.log("----------");

            vJson = {
                "comp" : comp,
                "team" : team,
                "members" : members,
                "count" : members.length
            }

            console.log(typeof(vJson), vJson);
            console.log(typeof(vJson.members), vJson.members);

        </script>

    </body>
</html>

다른 부분은 필요없다.

다만 typeof() 함수 부분만 보도록 하자.

둘 다 객체이며 접근 또한 쉽게 할 수 있다.

둘 다 데이터타입이 객체라는 점에서 동일하다.

반응형

댓글