(JS) 배열

배열(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

자바스크립트 배열의 특징

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

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

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

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

Array 객체의 메소드

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

배열을 이용한 반복

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

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

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

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

for(변수 of 배열명){
    배열의 요소 개수만큼 반복할 문장;
    ...
}

• 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]