본문 바로가기
programming/javascript

자바스크립트 배열 만들기 creating javascript array

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

자바스크립트에서 배열을 대괄호를 이용한 데이터의 집합이다. 변수가 많아지는 불편함을 해소할 수 있다. 배열을 잘 조작하면 데이터의 관리가 수월하다. 또한 비슷한 성격의 데이터들을 한데 모아 가공하고 조작할 수 있다. 혹자는 자료구와와 알고리즘의 기본으로 배열을 예시로 들기도 한다.

자바스크립트 배열 만들기
creating javascript array

자바스크립트에서 많은 데이터들을 사용하기 위해 일일히 변수를 만드는 것은 에너지 낭비일 수 있다.

배열은 데이터들의 집합으로 동일한 특성이나 혹은 성격 등을 가진 데이터들을 하나의 변수에 넣어 관리할 수 있다.

이 때 배열을 담은 변수는 배열변수라 한다.

배열을 만드는 방법은 간단하다.

대괄호를 이용하면 된다.

만드는 방법

다른 프로그래밍 언어들도 마찬가지지만 배열은 대괄호를 이용한다.

자바스크립트가 다른 언어들과 다른 점이 있다면 데이터 타입에 관대한 것이다.

이는 파이썬의 성질과 같다.

vArray =  [데이터, 데이터, 데이터, .... ]

샘플코드

위에서 언급한 방법으로 자바스크립트를 만들어 본다.

이미 이전 포스팅에서 배열을 만들고 테스트를 해 보았다.

다시 비교를 해 보도록 한다.

전체 코드를 넣어본다.

이전과 다른 점은 없다.

<!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("----------");

            vArray = [comp, team, count, members];
            
            console.log(typeof(vArray), vArray);

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

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

        </script>

    </body>
</html>

위의 코드를 보면 대괄호를 사용한 데이터가 배열임을 알 수 있다.

데이터타입이 틀려도 상관없다.

데이터의 집합으로써 사용되기 때문이다.

결과화면을 보자.

반응형

댓글