배열(Array)

• 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조)
• 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함

//배열 선언
let 배열명;

//배열 초기화
배열명 = [요소1, 요소2, 요소3, ..];

예)
let arr;
arr = [100, 200, 300];

let arr = [100, 200, 300];

//배열 객체로 생성
const 배열명 = new Array(요소1, 요소2, ...);

//배열의 접근
let arr;
arr = [100, 200, 300];

console.log(arr[0]);    // 100
console.log(arr[1]);    // 200
console.log(arr[2]);    // 300

 

---

자바 스크립트 배열의 특징

1. 배열 요소의 타입이 고정되어 있지 않음

• let arr = [1, 1.5, '김사과', true];

 

2. 배열 요소의 인덱스가 연속적이지 않아도 됨

let arr;
arr[0] = 1;
arr[1] = 20;
arr[4] = 5;
// arr[2], arr[3]은 undefined

 

---

Array 객체의 메소드

• push(): 배열의 요소를 추가
• pop(): 배열의 마지막 주소에 있는 값을 제거
• shift(): 배열의 첫번째 주소에 있는 값을 제거
• concat(): 두 개의 배열을 합침
• join(): 배열 요소 사이에 원하는 문자를 삽입
• reverse(): 배열을 역순으로 재배치
• sort(): 배열을 오름차순으로 정렬

배열을 이용한 반복문

1. for in 문

• 변수에 배열의 인덱스 또는 객체의 key가 저장되며 반복

for(변수 in 배열 또는 객체) {
    배열의 요소 개수 또는 객체의 프러퍼티 개수만큼 반복할 문장;
    ...
}

const arr = [10, 20, 30]
const user = ['userid':'apple', 'username':'김사과', 'age':20]

 

2. for of 문

• 변수에 배열의 value 또는 객체의 value가 저장되며 반복
• iterator 속성을 가지는 컬렉션 전용

for(변수 of 배열 또는 객체) {
    배열의 요소 개수 또는 객체의 프러퍼티 개수만큼 반복할 문장;
    ...
}

const arr = [10, 20, 30]
const user = {'userid':'apple', 'username':'김사과', 'age':20}

 

3. forEach 문

• 배열에서만 사용 가능하며, 요소의 개수만큼 반복

const arr = [10, 20, 30];

배열명.forEach(function(변수1, 변수2, 변수3){
    배열의 요소 개수만큼 반복할 문장;
    ...
});

변수1: 배열의 요소값 (10 → 20 → 30)
변수2: 배열의 인덱스 (0 → 1 → 2)
변수3: 배열 객체 [10, 20, 30] → [10, 20, 30] → [10, 20, 30]