오늘은 break문과 continue문, 그리고 label을 어떻게 사용하는지 한번 알아보도록 하겠습니다.
역시나 예제가 우리에겐 최고의 스승이죠? ㅋ
<script type="text/javascript"> <!-- var x = 1; document.write("Entering the loop<br /> "); while (x < 20) { if (x == 5){ break; // while루프에서 빠져나갑니다 } x = x + 1; document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); //--> </script> |
x가 5일 때 break;문이 실행되면서 루프에서 빠져나오게 됩니다. 그래서 결과는 아래와 같이 나오게 되겠죠.
Entering the loop 2 3 4 5 Exiting the loop! |
continue 문은 그럼 뭘까요? 왠지 break문의 반대같은데 말이죠. continue문은 다음 루프로 넘어가라는 명령입니다. 아직 현재 루프에서 실행되어야 할 문장들이 남아있더라도 말이죠.
아래 예제를 한번 볼까요?
<script type="text/javascript"> <!-- var x = 1; document.write("Entering the loop<br /> "); while (x < 10) { x = x + 1; if (x == 5){ continue; // x == 5 이면 x를 출력하지않고 다음 루프로 넘어갑니다. } document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); //--> </script> |
결과를 아래처럼 나오겠죠. x가 5일때는 continue문 때문에 document.write( x + "<br />"); 문이 실행되지 않습니다. 따라서 2부터 10까지 출력하는데 5만 빼고 출력을 하게되겠죠.
Entering the loop 2 3 4 6 7 8 9 10 Exiting the loop! |
JavaScript 1.2 버전부터 label을 beak, continue문과 함께 사용할 수 있게 됐습니다.
label 은 간단히 말하면 특정 위치를 지정해주는 역할을 합니다.
예제를 한번 살펴보도록 합시다.
|
결과는 아래처럼 나오게 됩니다.
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 2 Outerloop: 3 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 4 Exiting the loop! |
<script type="text/javascript"> <!-- document.write("Entering the loop!<br /> "); outerloop: // This is the label name for (var i = 0; i < 3; i++) { document.write("Outerloop: " + i + "<br />"); for (var j = 0; j < 5; j++) { if (j == 3){ continue outerloop; } document.write("Innerloop: " + j + "<br />"); } } document.write("Exiting the loop!<br /> "); //--> </script> |
결과는 아래처럼 나옵니다.
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 2 Innerloop: 0 Innerloop: 1 Innerloop: 2 Exiting the loop! |
Reference : http://www.tutorialspoint.com/javascript/javascript_loop_control.htm
[Javascript / 자바스크립트] 강좌 #11 - Event Handling ( 이벤트 처리 ) (0) | 2015.08.05 |
---|---|
[Javascript / 자바스크립트] 강좌 #10 - Functions ( 함수 ) (0) | 2015.08.05 |
[Javascript / 자바스크립트] 강좌 #8 - for loop ( for 루프 ) (0) | 2015.08.05 |
[Javascript / 자바스크립트] 강좌 #7 - while loop ( while 루프 ) (0) | 2015.08.05 |
[Javascript / 자바스크립트] 강좌 #6 - Switch - Case 문 (0) | 2015.08.05 |