Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript Break, Continue 및 Label 문 설명

<시간/>

중단 문

break 문은 둘러싸는 중괄호를 깨고 루프를 일찍 종료하는 데 사용됩니다. break 문은 루프를 빠져 나옵니다.

자바스크립트에서 break 문의 예를 살펴보겠습니다. 다음 예제에서는 while 루프와 함께 break 문을 사용하는 방법을 보여줍니다. x가 5에 도달하고 닫는 중괄호 바로 아래의 document.write(..) 문에 도달하면 루프가 어떻게 일찍 중단되는지 확인하십시오.

예시

라이브 데모

<html>
   <body>
      <script>
         var x = 1;
         document.write("Entering the loop<br /> ");

         while (x < 20) {
            if (x == 5) {
               break; // breaks out of loop completely
            }
            x = x + 1;
            document.write( x + "<br />");
         }
         document.write("Exiting the loop!<br /> ");
      </script>
   </body>
</html>

설명 계속

Continue 문은 인터프리터에게 루프의 다음 반복을 즉시 시작하고 나머지 코드 블록을 건너뛰도록 지시합니다. 계속 문이 발생하면 프로그램 흐름은 즉시 루프 검사 식으로 이동하고 조건이 참이면 다음 반복을 시작하고, 그렇지 않으면 제어가 루프에서 나옵니다.
계속 문은 루프에서 한 번 반복됩니다. 이 예는 while 루프와 함께 계속 문을 사용하는 방법을 보여줍니다. 계속 방법을 확인하세요. 문은 변수 x에 있는 인덱스가 8에 도달할 때 인쇄를 건너뛰는 데 사용됩니다.

예시

라이브 데모

<html>
   <body>
      <script>
         var x = 1;
         document.write("Entering the loop<br /> ");

         while (x < 10) {
            x = x + 1;
            if (x == 8) {
               continue; // skip rest of the loop body
            }
            document.write( x + "<br />");
         }
         document.write("Exiting the loop!<br /> ");
      </script>
   </body>
</html>

레이블 설명

JavaScript 레이블 문은 레이블을 식별자에 접두사로 붙이는데 사용됩니다. 레이블을 break 및 continue 문과 함께 사용하여 흐름을 보다 정확하게 제어할 수 있습니다. 레이블은 명령문 또는 코드 블록에 적용되는 콜론(:)이 뒤에 오는 식별자입니다. break 및 continue와 함께 레이블을 사용하는 방법을 이해하기 위해 두 가지 다른 예를 볼 것입니다.
break 문을 사용하여 레이블을 사용하여 흐름을 제어하기 위해 다음 코드를 실행할 수 있습니다.

예시

라이브 데모

<html>
   <body>
      <script>
         document.write("Entering the loop!<br /> ");
         outerloop: // This is the label name

         for (var i = 0; i < 5; i++) {
            document.write("Outerloop: " + i + "<br />");
            innerloop:
               for (var j = 0; j < 5; j++) {
                  if (j > 3 ) break ; // Quit the innermost loop
                  if (i == 2) break innerloop; // Do the same thing
                  if (i == 4) break outerloop; // Quit the outer loop
                  document.write("Innerloop: " + j + " <br />");
               }
         }
         document.write("Exiting the loop!<br /> ");
      </script>
   </body>
</html>