학습 공간 개념 · 판단 · 실험

Frontend Performance Lab

JavaScript

배열로 목록 다루기

배열은 순서가 있는 여러 값을 하나로 묶습니다.

이럴 때 필요해요

선택한 좌석 목록을 저장하고 각 항목을 읽습니다.

어떻게 동작하나요?

배열은 대괄호 안에 여러 값을 나열합니다. 첫 번째 항목의 번호인 인덱스는 0부터 시작합니다. seats[0]은 첫 번째 좌석입니다.

length는 항목 수를 알려 줍니다. for...of를 사용하면 배열의 각 값을 차례로 받을 수 있습니다. 항목 번호가 필요한 경우와 값만 필요한 경우를 구분해 보세요.

배열을 바꾸는 방법과 새 배열을 만드는 방법은 다릅니다. 이번에는 읽기와 순회를 먼저 익히고, 복사와 불변 갱신은 뒤에서 비교합니다.

코드 예제

동작을 설명하는 읽기 전용 예제입니다.

example.js
const seats = ["A1", "A2"];
console.log(seats[0]); // A1
console.log(seats.length); // 2
for (const seat of seats) console.log(seat);
javascript · 읽기 전용4줄

처음 두 줄은 첫 항목과 항목 수를 출력하고, 반복문은 A1과 A2를 순서대로 출력합니다.

자주 헷갈리는 포인트

  • 첫 인덱스를 1로 생각하면 첫 항목을 건너뜁니다.
  • 항목 개수와 마지막 인덱스는 1 차이가 납니다.

내 말로 설명해 보기

seats[1]과 seats.length는 각각 무엇일까요?

생각할 단서 예제의 값을 하나 바꿔 보고, 바뀌는 부분과 그대로인 부분을 구분해 보세요.

예시 답변 확인

설명에 들어갈 핵심

  • 배열은 순서가 있는 여러 값을 하나로 묶습니다.
  • 처음 두 줄은 첫 항목과 항목 수를 출력하고, 반복문은 A1과 A2를 순서대로 출력합니다.

예시 답변

seats[1]은 두 번째 값인 A2이고 length는 전체 항목 수인 2입니다.

문장을 그대로 외우기보다 예제의 값과 실행 흐름을 떠올리며 설명해 보세요.

함께 읽으면 좋은 개념

공식 참고 자료

← JavaScript