while과 do while

`while` - 조건이 참인 동안 반복수행

let x = 0;

while (x < 10) {
  console.log(x++);
}

💡 무한루프

let x = 0;

while (x < 10) {
  console.log(x);
}

// 인위적인 무한반복에 널리 쓰이는 코드
while (true) {
  console.log('무한반복');
}

⭐ `break`문으로 무한반복 탈출 가능

let x = 0;

while (true) {
  if (x++ >= 5) break; // 😎
  console.log(x);
}
// 1 ~ 5 출력

`continue`와 `break` 사용

// 1, 3, 5, 7을 의도한 코드. 그러나...
// ⚠️ 무한루프! 왜일까요?
let x = 0;
while (x < 14) {
  if (x % 2 === 0) continue;
  if (x > 7) break;
  console.log(x++);
}

// 짧게 짠 수정 코드
let x = 0;
while (x < 14) {
  if (x++ % 2 === 0) continue;
  if (x > 8) break;
  console.log(x - 1);
}

// 가독성 위주로 짠 코드
// 코드에 의도가 드러나도록
let x = 0;
while (x < 14) {
  const toContinue = x % 2 === 0;
  const toBreak = x > 7;
  const xNow = x++;

  if (toContinue) continue;
  if (toBreak) break;

  console.log(xNow);
}

더 짧고도 직관성을 유지한 코드의 예

let x = 0;
while (x < 14) {
  const xNow = x++;

  if (xNow % 2 === 0) continue;
  if (xNow > 7) break;

  console.log(xNow);
}

`do while` - 일단 수행하고 조건을 평가

👉 MDN 문서 보기

let x = 12;

do {
  console.log(x++);
} while (x < 10);

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소

yalco@yalco.kr

메일 제목 (반드시 아래 제목을 붙여넣어주세요!)

[질문] 제대로 파는 자바스크립트 (무료 파트) 3-5

🛑질문 전 필독!!

구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
"유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.

while - 조건이 참인 동안 반복수행

💡 무한루프

⭐ break문으로 무한반복 탈출 가능

continue와 break 사용