자바스크립트 배열은 데이터의 집합이다. 형태는 대괄호를 이용해 하나의 변수에 할당하면 된다. 데이터가 많을 경우 변수를 일일히 만드는 것보다는 배열에 값들을 넣고 변수에 넣으면 된다. 배열은 컬렉션과 같다. 배열 데이터를 변수 하나에 설정하면 이 변수는 배열변수로써 활용이 가능하고, 배열의 데이터에 접근할 때는 배열의 인덱스를 활용하면 된다.
자바스크립트 배열 개요
about javascript array
자바스크립트 개발을 하다보면 나도모르게 변수들을 많이 사용하게 된다.
만약, 데이터들이 많고 일정한 규칙을 가지고 있다면 배열을 사용하는 것이 편할 수 있다.
배열은 어떻게 사용하든 상관은 없다.
다만, 데이터 집합의 의미로 이해하는 것이 편하다.
컬렉션의 형태로써 반복문과 같이 사용할 수 있다.
특이한 점은 다른 프로그래밍 언어들과는 다르게 파이썬과 비슷한 면을 보인다.
데이터형태가 어떻든 컬렉션의 형태를 가지고 있으면 데이터는 객체형태를 가진다.
그리고, 이 데이터들은 배열의 인덱스로 접근하여 값을 출력할 수 있다.
사용법
배열의 개요만 살펴보면 위에서 언급한 것과 같다.
형태만 보도록 하자.
일반적인 형태와 함께 파이썬과 비슷한 형태의 배열을 만들어 출력해 본다.
먼저 배열의 생김새부터 보도록 하자.
아래와 같이 연속된 형태의 데이터를 하나의 변수에 가지고 있는 것을 배열이라고 한다.
vArray = [데이터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("----------");
vArray = [comp, team, count, members];
console.log(typeof(vArray), vArray);
vArray.forEach(
lpEach => console.log(lpEach)
);
console.log("----------");
</script>
</body>
</html>위의 코드를 보면 일반적인 형태의 배열을 가지고 있는 것이 있다.
데이터의 형태는 다르지만 배열에 값을 설정하고 출력을 하고 있는 모습도 보이고 있다.
보통 프로그램 언어를 C# 또는 자바 부터 시작한 사람들은 이것에 신기함을 느낄 수 있을지도 모른다.
파이썬부터 프로그램을 시작한 사람이라면 익숙할 것이다.
결과화면을 보자.
오류도 없고 정상적으로 데이터가 출력되는 것을 볼 수 있다.
자바스크립트가 데이터에 관대한 특성을 가지고 있는 것을 알 수 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 new 키워드 사용 배열 생성 creating javascript array by new keyword (0) | 2021.12.14 |
|---|---|
| 자바스크립트 배열 만들기 creating javascript array (0) | 2021.12.12 |
| 자바스크립트 소숫점 변환 parseFloat 함수 사용 Using javascript parseFloat() Function (0) | 2021.12.09 |
| 자바스크립트 정수 변환 parseInt 함수 사용 Using javascript parseInt function (0) | 2021.12.09 |
| 자바스크립트 숫자 변환 Number 함수 using javascript Number function (0) | 2021.12.08 |
댓글