[프론트엔드][JavaScript] 13. continue/break문

continue문

: 반복 중인 문장 내에서 사용하며, 해당 문장의 나머지 부분을 건너 뛰고 다음 조건식의 판단으로 넘어가게 한다.

해당 반복은 완료한 것으로 하여 다음 조건으로 넘어가는 것이다.

continue 이후의 코드들은 실행되지 않는다.

 

 

 

예제코드

369 게임

<script>
    'use strict';
    
    const num = 3;
    for(let i=1; i<=100; i++){
    	if(i % num == 0){
       	    document.wirte(` 짝! `);
            continue;
        }
        document.write(` ${i} `);     
    }
</script>

 

3의 배수로 이루어진 게임이니

변하지않는 상수 const로 num이라고 3을 지정해주었다.

 

for문으로 1~100까지 범위를 지정해 주었고,

그 안에서 if문으로 num(3)으로 나누었을 때 나머지가 0이면 짝! 이라고 출력하게하고 continue를 주어서

이후의 코드로 넘어가지 않고 다음 반복을 진행하도록 한다.

 

if문에 해당하지 않으면 i를 그대로 출력하도록 한다.

 

 

 

 

break문

: 반복 중인 문장 내에서 사용하여 해당 반복문을 완전히 종료시키고 반복문 다음에 위치한 실행문으로 이동한다.

break문은 switch문에서도 필수적으로 쓰인다.

 

<script>
    'use strict';
    while(true){
        const choice = Number(prompt('원하는 서비스를 선택하세요.(1.휴대폰 2.인터넷/tv 3.요금조회 4.소액결제 5.상담사연결 6.종료)')){
            switch(choice){
                case 1:
                    alert('휴대폰 관련 문의입니다.');
                    break;
                case 2:
                    alert('인터넷/tv 관련 문의입니다.');
                    break;
                case 3:
                    alert('요금 조회 문의입니다.');
                    break;
                case 4:
                    alert('소액결제 문의입니다.');
                    break;
                case 5:
                    alert('상담사 연결을 진행하겠습니다.');
                    break;
                case 6:
                    alert('서비스를 종료하겠습니다.');
                    break;
            }
            if(choice == 6) break;
        }
    }
</script>

 

 

처음 실행시켰을 때의 화면이다.

1~6 중에 원하는 서비스를 입력하면 된다.

 

 

6이 아닌 다른 숫자를 입력한 경우

확인버튼을 누르면 처음의 입력 프롬프트가 실행된다.

 

 

6을 입력한 경우 확인을 누르면 반복문이 종료되어 프롬프트 창이 사라진다.