JavaScript 입문 문법

JavaScript 반복문

JavaScript 반복문 — 초급

반복문

1. 도입 (왜 배워야 하는가)

반복문은 프로그래밍에서 매우 중요한 개념입니다. 실무에서는 데이터를 다루거나 반복적인 작업을 처리할 때 필수적으로 사용됩니다. 만약 반복문을 모른다면, 같은 코드를 여러 번 작성해야 하므로 코드의 가독성이 떨어지고, 유지보수가 어려워질 수 있습니다. 예를 들어, 100명의 학생 점수를 출력해야 할 때, 반복문 없이 하나하나 출력하는 것은 비효율적입니다. 반복문을 사용하면 한 줄의 코드로 모든 점수를 출력할 수 있습니다.

2. 핵심 개념 설명

반복문은 특정 조건이 참인 동안 코드를 반복 실행하는 구조입니다. 주로 for, while, do...while 문이 사용됩니다.

for 문: 반복 횟수가 정해져 있을 때 사용합니다.
while 문: 반복 횟수가 정해지지 않았고, 조건이 충족될 때까지 반복합니다.
do...while 문: 최소한 한 번은 실행되고, 조건이 참인 동안 반복합니다.

용어	설명
초기화	반복문이 시작될 때 변수의 초기값 설정
조건	반복을 계속할지 결정하는 논리적 표현
증감	반복이 끝날 때 변수의 값을 변경하여 제어

3. 기본 코드 예제

for 문 예제

for (let i = 0; i < 5; i++) {
    console.log("안녕하세요! " + i);
}
// 실행 결과: 
// 안녕하세요! 0
// 안녕하세요! 1
// 안녕하세요! 2
// 안녕하세요! 3
// 안녕하세요! 4

let i = 0: i라는 변수를 0으로 초기화합니다.
i < 5: i가 5보다 작은 동안 반복합니다.
i++: 매 반복마다 i의 값을 1씩 증가시킵니다.
console.log(...): 문자열과 i의 값을 출력합니다.

while 문 예제

let count = 0;
while (count < 5) {
    console.log("반복 중입니다! " + count);
    count++;
}
// 실행 결과: 
// 반복 중입니다! 0
// 반복 중입니다! 1
// 반복 중입니다! 2
// 반복 중입니다! 3
// 반복 중입니다! 4

let count = 0: 카운트를 0으로 초기화합니다.
count < 5: count가 5보다 작으면 반복합니다.
count++: 반복할 때마다 count를 1씩 증가시킵니다.

4. 실전 활용 예제

쇼핑몰 장바구니 구현

쇼핑몰에서 장바구니에 담긴 상품의 총 가격을 계산할 때 for 문을 사용할 수 있습니다.

const cart = [10000, 20000, 30000, 15000];
let total = 0;

for (let i = 0; i < cart.length; i++) {
    total += cart[i]; // 각 상품의 가격을 total에 더합니다.
}

console.log("총 가격: " + total + "원");
// 실행 결과: 총 가격: 75000원

const cart: 장바구니에 담긴 상품 가격 배열입니다.
total: 총 가격을 저장할 변수입니다.
total += cart[i]: 각 상품의 가격을 total에 반복적으로 더합니다.

사용자 입력 반복 처리

사용자가 입력한 숫자를 계속 받아들이는 프로그램을 만들어볼 수 있습니다.

let number;
while (true) {
    number = prompt("숫자를 입력하세요 (종료하려면 'exit' 입력):");
    if (number === 'exit') break; // 'exit' 입력 시 종료
    console.log("입력한 숫자: " + number);
}
// 실행 결과: 
// 숫자를 입력하세요 (종료하려면 'exit' 입력): 10
// 입력한 숫자: 10
// 숫자를 입력하세요 (종료하려면 'exit' 입력): exit

while (true): 무한 루프를 생성합니다.
prompt(...): 사용자에게 입력을 받습니다.
if (number === 'exit'): 'exit' 입력 시 반복을 종료합니다.

5. 흔한 실수와 주의사항

실수 1: 무한 반복

let count = 0;
while (count < 5) {
    console.log(count);
    // count++가 없음
}
// 이 코드는 무한 루프에 빠져 실행되지 않음

올바른 코드:

let count = 0;
while (count < 5) {
    console.log(count);
    count++; // 증감 부분 추가
}

실수 2: 잘못된 조건

for (let i = 0; i < 5; i--) { 
    console.log(i); // i가 줄어들어 영원히 반복
}
// 이 코드는 무한 루프에 빠져 실행되지 않음

올바른 코드:

for (let i = 0; i < 5; i++) { 
    console.log(i); // i가 증가해야 정상적으로 반복
}

6. 정리

반복문은 특정 조건이 참일 동안 코드를 반복 실행하는 구조입니다.
for, while, do...while 문이 대표적인 반복문입니다.
실무에서 반복문을 활용하면 코드의 재사용성과 가독성을 높일 수 있습니다.

다음에 학습하면 좋은 주제:

배열(Array)와 객체(Object)
함수(Function)와 스코프(Scope)

학습