[JS] 반복문 제어(break 문, continue 문)

break 문

 

지난 for 문과 while 문의 포스팅에서 무한루프에 대한 것을 아주 살짝 다뤘는데

이 break 문을 통해서 제어할 수 있다.

 

 

// for문에서 break; 사용하기
for(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; 를 사용해보았다.

// while문에서 break; 사용하기
var 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가 되었으므로 짝수가 되었다.

해당 반복문이 멈췄다.

 

 

 

 

continue 문

 

// 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; 를 사용해보았다.

// while문에서 continue; 사용하기
var 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 반복문은 증가 표현으로 이동한다.