자바스크립트에서 배열을 대괄호를 이용한 데이터의 집합이다. 변수가 많아지는 불편함을 해소할 수 있다. 배열을 잘 조작하면 데이터의 관리가 수월하다. 또한 비슷한 성격의 데이터들을 한데 모아 가공하고 조작할 수 있다. 혹자는 자료구와와 알고리즘의 기본으로 배열을 예시로 들기도 한다.
자바스크립트 배열 만들기
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>
위의 코드를 보면 대괄호를 사용한 데이터가 배열임을 알 수 있다.
데이터타입이 틀려도 상관없다.
데이터의 집합으로써 사용되기 때문이다.
결과화면을 보자.
반응형
'programming > javascript' 카테고리의 다른 글
자바스크립트 배열 값 출력 가져오기 using javascript array value (0) | 2021.12.15 |
---|---|
자바스크립트 new 키워드 사용 배열 생성 creating javascript array by new keyword (0) | 2021.12.14 |
자바스크립트 배열 개요 about javascript array (0) | 2021.12.11 |
자바스크립트 소숫점 변환 parseFloat 함수 사용 Using javascript parseFloat() Function (0) | 2021.12.09 |
자바스크립트 정수 변환 parseInt 함수 사용 Using javascript parseInt function (0) | 2021.12.09 |
댓글