반복문 제어(break 문, continue 문)

1️⃣ break 문

반복문을 중간에 멈춰야 할 때 break 문을 통해서 제어할 수 있다.

for 문에서 break 문 사용하기

for(let i = 0; i < 5; i++){
  if(i === 2){
    break;
  }
  document.write("when do you stop?_" + i + "<br />");
}

// 결과: when do you stop?_0
// 결과: when do you stop?_1

변수 i에 0이 담겨있을 때,
for 문의 조건이 true니까 그 안의 if 문이 실행된다.
for 문 안의 if 문은 i에 담긴 값이 2일 때만 실행되기 때문에 if문을 빠져나와 다음 문장이 실행된다.

그리고 i에 2가 담기는 시점에서는 if 문이 true가 되기 때문에,
그 안에 break 문이 실행되어서 현재 속해있는 반복문을 완전히 종료시키고 빠져나온다.

while 문에서 break 문 사용하기

let i = 0;
while (i < 5) {
  i++;
  if (i % 2 === 0) { // 짝수가 나오면 멈추게 조건 설정
    break;
  }    
  // 홀수만 찍히게 출력
  document.write("when do you stop?_" + i + "<br />");
}

// 결과: when do you stop?_1

if의 조건이 짝수일 때 멈추게 조건을 설정해보았다.
처음 i에 0이 할당되어 반복문 안으로 들어갔을 때 1이 증가되었다.
i = 1이 되었으므로 홀수이기 때문에 if문의 break; 에 걸치지 않고 바로 출력이 된다.

다시 돌아서 i = 1인 것이 반복문 안에서 +1 되어, i = 2가 되었으므로 짝수가 되었다. 해당 반복문이 멈췄다.

2️⃣ continue 문

반복문이 특정 조건에서만 실행되기를 원할 때 사용한다.
continue 문을 넣은 이후 코드는 건너뛰게 된다.

for 문에서 continue문 사용하기

for(i = 0; i < 5; i++){
    if(i === 2){
        continue;
    }
    document.write("when do you stop?_" + i + "<br />");
}

// 출력결과
// when do you stop?_0
// when do you stop?_1
// when do you stop?_3
// when do you stop?_4

break 문과 달리 continue 문은 속해있는 반복문을 완전히 종료시키지 않는다.
i에 2가 담기는 시점에서 종료했다가 for 문의 경우에서는 반복문의 조건인 i < 5가 해당 될 때까지 다시 해당 코드를 이어서 반복해서 실행한다.

while 문에서 continue문 사용하기

let i = 0;
while (i < 5) {
  i++;
  if (i % 2 === 0) { // 짝수가 나오면 멈추게 조건 설정
    continue;
  }
  // 홀수만 찍히게 출력
  document.write("when do you stop?_" + i + "<br />");
}

// 결과: when do you stop?_1
// 결과: when do you stop?_3
// 결과: when do you stop?_5

if의 조건이 짝수일 때 멈추게 조건을 설정해보았다.
처음 i에 0이 할당되어 반복문 안으로 들어갔을 때 1이 증가되었다.
i = 1이 되었으므로 홀수이기 때문에 if 문에 걸치지 않고 바로 출력이 된다.

다시 돌아서 i = 1인 것이 반복문 안에서 +1 되어 i = 2가 되었으므로 짝수가 되었다.
해당 반복문을 종료 후 다시 i < 5 조건에 맞을 때까지 반복된다.

💡 continue를 사용했을 때,

while 반복문은 다시 조건으로 이동한다.
for 반복문은 증가 표현으로 이동한다.