본문 바로가기
programming/javascript

자바스크립트 new 키워드 사용 배열 생성 creating javascript array by new keyword

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

자바스크립트는 new 키워드를 사용하여 배열을 만들 수 있다. 이 때 사용하는 것이 Array 객체이다. new Array 객체를 사용하면 대괄호를 이용해 만든 배열과 같다. 둘 다 배열이고, 만드는 방법이 조금 다를 뿐 결과는 동일하다. 파이썬과 비슷하게 데이터 타입에 관대하기 때문에 동일하지 않은 데이터를 넣어도 배열에 들어간다.

자바스크립트 new 키워드 사용 배열 생성
creating javascript array by new keyword

자바스크립트는 배열을 생성할 때 new 키워드를 사용하여 만들 수 있다.

일반적으로 자바스크립트 배열을 생성할 때 대괄호를 이용하지만 new 키워드를 사용할 경우 중괄호를 이용한다.

대괄호를 사용하던 new 키워드를 사용하던 결과는 같다.

어떻게 사용하는가에 대한 것은 개발자의 몫이다.

new 키워드 사용

new 키워드를 사용하여 자바스크립트 배열을 만들 때는 중괄호를 이용한다.

이 때 사용하는 것이 Array 객체이다.

Array 객체를 사용하면 좀 더 유연하게 만들 수 있기는 하지만, 별 차이는 없다.

vArray = new Array(데이터1, 데이터2, 데이터3, ... )

샘플코드

위의 사용법을 이용하여 자바스크립트 배열을 만들어 본다.

이미 이전 포스팅에서 대괄호를 이용한 자바스크립트 배열을 만들어 보았다.

그 코드를 조금 수정하여 만들어 본다.

코드를 보자.

<!DOCTYPE html>
<html>
    <body>

        <h2>자바스크립트 배열 만들기</h2>
        <div id="cont">
            <p id="ret1"></p>
        </div>

        <script>
            
            console.log("----------");

            let comp = "스타쉽";
            let team = "아이브";
            let count = 5;
            let members = ["리즈","레이","원영","유진","가을","이서"];

            members.forEach(
                lpEach => console.log(lpEach)
            );

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

            let vArray = new Array(comp, team, count, members);
            
            console.log(typeof(vArray), vArray);

            vArray.forEach(
                lpEach => console.log(lpEach)
            );

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

        </script>

    </body>
</html>

기존의 다른 변수들이 있고, 대괄호를 이용해 만들어진 배열도 있다.

중간쯤 보면 new Array() 를 사용하여 배열을 만드는 부분을 볼 수 있다.

결과화면을 보자.

데이터 타입은 다르지만 배열에 데이터들이 들어간 것을 확인할 수 있다.

반응형

댓글