[JavaScript] 배열 (Array)

Moon·2024년 11월 20일

JavaScript | 기초

목록 보기

36/48

자바스크립트에서 배열은 여러 값들을 하나의 묶음으로 표현할 때 사용하는 데이터 구조다. 객체와 비슷하지만, 배열은 순서가 중요할 때 주로 사용된다. 배열의 각 값들은 요소(Element)라고 하며, 각 요소는 인덱스(Index)라는 숫자를 통해 접근할 수 있다.

객체 vs 배열: 차이점

객체는 각 값을 프로퍼티 네임으로 식별.
배열은 각 값을 순서(인덱스)로 식별.

배열의 선언과 기본 사용법

배열 선언

배열은 대괄호 []로 생성하며, 각 요소는 쉼표 ,로 구분한다.

// 배열 선언
const courseRanking = [
    "자바스크립트 프로그래밍 기초",
    "파이썬 프로그래밍 기초",
    "컴퓨터 개론",
    "웹 개발 입문"
];

위 코드에서 courseRanking 배열은 총 4개의 요소를 가지고 있다.

배열의 특징

배열은 순서를 가지는 값들의 묶음이다.
배열 안에 있는 각 값(요소)은 고유한 인덱스(Index)를 가진다.
- 인덱스는 0부터 시작한다.
- 첫 번째 요소: 인덱스 0
- 두 번째 요소: 인덱스 1
- ...
배열의 요소는 대괄호 표기법을 통해 접근 가능하다.

배열의 요소 접근 (인덱싱)

배열 요소에 접근할 때는 배열 이름 뒤에 대괄호를 사용하고, 대괄호 안에 원하는 인덱스를 넣는다. 이를 인덱싱(Indexing)이라고 부른다.

예제 코드

console.log(courseRanking[0]); // 자바스크립트 프로그래밍 기초
console.log(courseRanking[2]); // 컴퓨터 개론
console.log(courseRanking[3 - 1]); // 컴퓨터 개론 (계산식도 가능)

주의 사항

인덱스는 0부터 시작한다.
- courseRanking[0]은 첫 번째 요소에 접근.
- courseRanking[2]는 세 번째 요소에 접근.

배열의 활용 예시

배열은 순서가 중요한 데이터를 표현할 때 특히 유용하다.

예를 들어:

순위: 강의 순위, 운동 경기 기록, 음악 차트 등.
```
const ranking = ["1위", "2위", "3위"];
```

노선: 공항철도 노선, 버스 정류장 순서.

const subwayLine = ["김포공항", "홍대입구", "서울역"];

시리즈: 소설 시리즈, 영화 시리즈.

const movieSeries = ["어벤져스", "어벤져스: 에이지 오브 울트론", "어벤져스: 엔드게임"];

묶음: 과일 목록, 세트 메뉴.

const fruits = ["사과", "바나나", "복숭아"];
const menuSet = ["짜장면", "탕수육", "군만두"];

배열을 사용하는 이유

순서가 중요한 데이터 표현: 배열은 요소의 순서를 유지하며, 인덱스를 통해 쉽게 접근 가능하다.
코드 간결화: 객체보다 간단하게 여러 데이터를 관리할 수 있다.
다양한 활용: 배열은 단순한 데이터 묶음부터 복잡한 구조까지 다양한 상황에서 활용 가능하다.

요약

배열은 순서가 중요한 데이터를 표현할 때 사용된다.

대괄호 []와 *쉼표 ,를 사용해 배열을 선언한다.

요소에 접근할 때는 대괄호 표기법을 사용하며, 인덱스는 0부터 시작한다.

랭킹, 노선, 시리즈 등 순서가 중요한 데이터 외에도, 단순한 값 묶음 표현에도 유용하다.