이 단원에서는 JavaScript에서 특정 코드를 반복 실행하는 방법을 학습합니다. 반복문은 동일한 작업을 여러 번 수행할 때 유용하게 사용되며, UI 구성 요소를 순차적으로 처리할 때도 많이 쓰입니다. 반복문을 제대로 이해하면 DOM 조작, 리스트 출력, 사용자 입력 제어 등을 훨씬 더 효율적으로 할 수 있습니다.
for (초기값; 조건식; 증감식) {
// 이 코드는 조건이 참인 동안 반복해서 실행됩니다.
}
for (let i = 0; i < 3; i++) {
console.log('안녕하세요');
}
// 출력: 안녕하세요 (3번 출력됨)
let i = 0 : 반복을 시작할 때 사용할 변수입니다.i < 3 : 이 조건이 참이면 반복이 계속됩니다.i++ : 반복할 때마다 변수 i에 1을 더합니다.let i = 0;
while (조건식) {
// 조건이 참이면 실행되는 코드
i++;
}
let i = 0;
while (i < 2) {
console.log(i);
i++;
}
// 출력: 0, 1
while문은 조건을 먼저 검사하고, 조건이 참이면 반복을 시작합니다.do {
// 먼저 실행되고 나서 조건을 검사합니다.
} while (조건식);
let i = 0;
do {
console.log(i);
i++;
} while (i < 1);
// 출력: 0
do...while문은 조건이 거짓이더라도 무조건 한 번은 실행됩니다.for (let i = 0; i < 5; i++) {
if (i === 3) {
break;
}
console.log(i);
}
// 출력: 0, 1, 2
break문은 특정 조건이 되었을 때, 현재 반복을 즉시 종료합니다.i가 3이 되면 break가 실행되어 반복문 전체를 빠져나갑니다.for (let i = 0; i < 5; i++) {
if (i === 2) {
continue;
}
console.log(i);
}
// 출력: 0, 1, 3, 4
continue문은 특정 조건이 되었을 때, 해당 반복만 건너뛰고 다음 반복으로 넘어갑니다.i가 2일 때 console.log가 실행되지 않고, 다음 반복으로 넘어갑니다.for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 2; j++) {
console.log(`i: ${i}, j: ${j}`);
}
}
for (let i = 2; i <= 9; i++) {
console.log(`\n=== ${i}단 ===`);
for (let j = 1; j <= 9; j++) {
console.log(`${i} x ${j} = ${i * j}`);
}
}
for문은 반복 횟수가 정해져 있을 때, while문은 조건 중심의 반복이 필요할 때 사용합니다.do...while문은 조건과 상관없이 반드시 한 번은 실행해야 할 때 적합합니다.break와 continue를 이용하면 반복 흐름을 더 정교하게 제어할 수 있습니다.