반복문 해체: for vs while vs forEach

핵심 개념

for는 횟수가 정해진 반복, while은 조건 기반 반복, forEach는 배열 전용 반복입니다. for...of는 이터러블 순회, for...in은 객체 키 순회에 사용합니다. break로 반복 중단, continue로 현재 반복 건너뛰기가 가능합니다. 각 반복문을 지우며 데이터 처리가 멈추는 것을 확인하십시오.

코드 분석

JS📋 코드 (16줄)

const targets = ['SKYNET', 'T-800', 'T-1000', 'T-X'];

  document.write('<div style="color:#10b981;margin-bottom:6px;">FOR LOOP:</div>');
  for (let i = 0; i < targets.length; i++) {
    document.write('<div>[' + i + '] ' + targets[i] + '</div>');
  }

  document.write('<div style="color:#f59e0b;margin:8px 0 6px;">FOREACH:</div>');
  targets.forEach((target, idx) => {
    document.write('<div>▶ ' + target + '</div>');
  });

  document.write('<div style="color:#22c55e;margin:8px 0 6px;">FOR...OF:</div>');
  for (const target of targets) {
    document.write('<div>» ' + target + '</div>');
  }

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 JS '반복문' 코드의 잠재적 버그와
메모리 누수·this 바인딩·비동기 경합 위험을
분석해서 프로덕션 수준으로 개선해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'반복문'를 실제 서비스에서 어떻게 쓰는지
구체적 사례 3개와 복사 가능한 코드를
초보자가 이해할 수 있게 보여줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 JS '반복문' 관련 코드 전체의 실행 흐름을 분석하고
성능 병목과 최적화 방안을 우선순위로 알려줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

'반복문'에서 개발자들이 가장 많이 하는
실수 Top 3을 솔직하게 알려주고
2026년 권장 패턴을 함께 알려줘.

⭐ 이것만 기억하세요

반복문 해체: for vs while vs forEach는 이 3가지만 확실히 잡으세요

1.반복문을 잘못 쓰면 무한 루프에 빠져서 브라우저 탭이 멈추거나 서버가 응답 불가 상태가 됩니다

2.for는 횟수 기반, while은 조건 기반, forEach는 배열 순회 전용 — break가 필요하면 for나 while을 써야 합니다

3.다음 챕터에서 배열을 반복하면서 변환하는 고차 함수 map, filter, reduce를 배웁니다

💬 이 챕터 질문 보기

JS · CH.9 — 질문하거나 답변을 확인하세요

→

진행도 9 / 34

← 커리큘럼으로 ← 목록으로 (JavaScript)