[JavaScript] 자바스크립트 배열 1 : 배열 생성 & 저장된 데이터 출력하기

📝 JavaScript

 

🖥️ 배열 객체(Array Object)

오늘은 자바스크립트의 배열에 대해 알아볼게요.

​

변수에는 1개의 데이터만 저장 할 수 있지만, 여러 개의 데이터를 하나의 저장소에 저장하기 위해서는 어떻게 해야 할까요? 배열 객체를 생성해 주어야 합니다. 배열을 선언하면 아래 그림처럼 각각의 데이터가 나누어진 저장소에 들어갑니다.,  각 저장소는 인덱스 번호(번지수)가 부여됩니다. 인덱스 번호는 0번부터 시작합니다.

 

 

✅ 1. 배열 (Array)을 선언하는 3가지 방법

 

1. Array 생성자로 배열 생성 1
2. Array 생성자로 배열 생성 2
3. 리터럴(대괄호) 사용하여 배열 생성

 

1-1. Array 생성자를 사용하여 배열 생성하기 1

let 참초 변수 = new Array();
참조변수[0] = 값1; 
참조변수[1] = 값2;
참조변수[2] = 값3;

let fruits = new Array();
fruits[0] = "apple";
fruits[1] = "banana";
fruits[2] = "melon";

 

1-2. Array 생성자를 사용하여 배열 생성하기 2

let 참조변수 = new Array(값1, 값2, 값3...);

let vehicle = new Array("bus", "taxi", "train");

 

1-3. 리터럴(대괄호)를 사용하여 배열 생성

let 참조변수 = [값1, 값2, 값3...]

let today = [30, "April", true];

 

✅ 2. 배열 객체에 저장된 데이터 불러 와서 출력하기

 

 

그렇다면 배열 안에 저장되어 있는 데이터를 불러와서 화면에 출력해 주려면 어떻게 해야 할까요?

기본적으로 배열 객체에 저장된 데이터를 불러올 때는 다음과 같은 기본형을 사용합니다.

참조변수[인덱스번호];

 

이제 저장된 값들을 모두 출력하는 3가지 방법에 대해 알아봅시다.

 

2-1. 하나씩 출력하기

let arr = [20, "스무살", true];

document.write(arr[0], "<br>");
document.write(arr[1], "<br>");
document.write(arr[2], "<br>");

 

2-2. 반복문(for문)을 사용하여 출력하기 

let arr = [20, "스무살", true];

for(let i=0; i<arr.length; i++) {
	document.write(arr[i], "<br>");
}

let arr = [20, "스무살", true];

for(i in arr) {
	document.write(arr[i], "<br>");
}