[기초] 03. 반복문, switch

JavaScript 기초

자바스크립트 기초 3: 반복문(for/while)과 switch를 실수 없이 쓰는 방법

제어문 반복/분기 실수 방지

8) 반복문 — for / while / do...while

반복문은 “언제 끝나야 하는지”를 명확히 만드는 것이 핵심입니다. 종료 조건이 명확하지 않으면, 무한 루프나 성능 이슈로 이어질 수 있습니다.

for 루프의 기본 흐름(초기화→조건→본문→증감→조건)을 그림으로 정리했습니다.

대표 패턴

// 1) for: 횟수가 명확할 때
for (let i = 0; i < 10; i++) {
  console.log(i);
}

// 2) while: 조건 중심으로 반복할 때
let n = 0;
while (n < 3) {
  n++;
}

// 3) do...while: 본문을 최소 1번은 실행할 때
do {
  // ...
} while (cond);

break / continue

• break: 반복 종료
• continue: 이번 회차만 건너뛰고 다음 회차로

9) switch — 케이스가 많은 분기에서 깔끔해집니다

switch는 내부적으로 엄격 비교(===)처럼 동작한다고 생각하시면 안전합니다. 그리고 break를 빼먹으면 다음 case로 “흘러가서(fall-through)” 의도치 않은 결과가 나올 수 있습니다.

switch (role) {
  case "admin":
    canWrite = true;
    break;
  case "viewer":
    canWrite = false;
    break;
  default:
    canWrite = false;
}

실무 팁
case가 너무 많아지면 “객체 매핑”으로 바꾸면 읽기 쉬워지는 경우도 있습니다.

const map = { admin: true, viewer: false };
const canWrite = map[role] ?? false;

참고 링크

MDN: for

MDN: while

MDN: switch