[JS]제어문(반복문)

제어문이란🤔

조건식의 평가 결과가 참인 경우 코드 블록을 실행하여 조건식이 거짓일 때까지 반복하는 구문

자바스크립트에는 for문(매우 중요⭐), while문, do...while문 세가지 반복문이 있다!

🔸for문

• 조건식이 거짓으로 평가될 때까지 코드 블록을 반복 실행
• for(변수선언문; 조건식; 증감식;) {실행 코드}

for (var i = 0; i < 2; i++) {
    console.log(i);
}

https://poiemaweb.com/js-control-flow#31-for-%EB%AC%B8

[mdn 공식문서]

for - JavaScript | MDN

---

🔸while문

• 주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복 실행함
• for문은 반복 횟수가 명확할 때 주로 사용하고, while문은 반복 횟수가 불명확할 때 주로 사용
• 조건문의 평가 결과가 거짓이 되면 코드 블록을 실행하지 않고 종료

let count = 0;

// count가 3보다 작을 때까지 코드 블록을 계속 반복 실행한다.
while (count < 3) {
  console.log(count);
  count++;
} // 0 1 2

 

---

*만약 무한루프에 빠지게 된다면 break문으로 코드 블록을 탈출

let count = 0;

// 무한루프
while (true) {
  console.log(count);
  count++;
  // count가 3이면 코드 블록을 탈출한다.
  if (count === 3) break;
} // 0 1 2

 

[mdn 공식문서]

while - JavaScript | MDN

---

🔸do...while문

• 코드 블록을 먼저 실행하고 조건식을 평가
• 코드 블록은 무조건 한 번이상 실행됨

let count = 0;

// count가 3보다 작을 때까지 코드 블록을 계속 반복 실행한다.
do {
  console.log(count);
  count++;
} while (count < 3); // 0 1 2

 

[mdn 공식문서]