JS 루프 학습: 루프 문에서 벗어나 break and continue

이전 기사에서는 JS의 여러 루프 제어 구조(while 및 do-while 루프, for 루프)에 대해 알아보았습니다. 모두에게 도움이 될 것입니다.

우리는 이전 루프 연구를 통해 기본적으로 표현식 결과가 false일 때 루프가 자동으로 루프를 종료하고, 그렇지 않으면 루프가 영원히 계속된다는 것을 알고 있습니다. 어떤 경우에는 루프가 자동으로 종료될 때까지 기다릴 필요가 없지만 루프를 적극적으로 종료할 수 있습니다. JavaScript는 루프를 종료하고 현재 루프를 종료(건너뛰기)하기 위해 break와 continue라는 두 가지 명령문을 제공합니다.

1. Continue 문

continue 문은 이 루프를 건너뛰고 다음 루프를 실행하는 데 사용됩니다. continue 문을 만나면 프로그램은 즉시 조건식을 다시 테스트합니다. 표현식 결과가 true이면 다음 루프가 시작됩니다. 표현식 결과가 false이면 루프가 종료됩니다.

[예제 1] continue 문을 사용하여 for 루프에서 빠져나옵니다:

<script type="text/javascript">
for (var i = 1; i < 10; i++) {
    if(i % 2 != 0) {
       continue;
    }
    console.log(i);
}
</script>

Analytic:

• for (var i = 0; i 문을 반복하여 1과 10 사이의 모든 숫자를 얻을 수 있습니다. <code>for (var i = 0; i 语句可以循环得出1~10 之间的所有数字

• if(i % 2 != 0)语句用于判断i的值能否整除2，不能整除则()中值为true，则执行continue;语句。

• 在循环体中，使用if(i % 2 == 0)语句进行判断，如果i的值能整除2就使用“console.log(i);”输出；如果i的值不能整除2，则触发continue;语句，跳出本次循环（不进行输出），执行下一次循环。

输出结果：

2、break语句

break语句用于跳出当前的语法结构，可以终止循环体的代码并立即跳出当前的循环，执行循环之后的代码（如果有的话）。

break和continue的不同点是：continue语句只是结束本次循环，而 break 语句会终止整个循环的执行。

沿用上面的示例1中代码，将continue;换成break;，会输出什么？

<script type="text/javascript">
for (var i = 1; i < 10; i++) {
    if(i % 2 != 0) {
       break;
    }
    console.log(i);
}
</script>

答案是：什么也不输出。为什么会这样尼？我们来分析一下：

forx循环一开始，i=1，1小于10吗？当然，然后开始执行循环体中的if(i % 2 != 0)语句；

那么1能整除2吗？显然是不能，因此()中值为true，则执行if中的“break;”语句，直接跳出整个循环了，根本没有机会执行“console.log(i);”语句。

3、嵌套 For 循环

值得注意的是，break和continue

if(i % 2 != 0) 문은 i 값이 2로 나누어지는지 여부를 확인하는 데 사용됩니다. 나눌 수 없는 경우 ( )가 true이면 continue; 문이 실행됩니다.

루프 본문에서 if(i % 2 == 0) 문을 사용하여 i의 값이 다음과 같은지 판단합니다. 2로 균등하게 나누면 " console.log(i);" 출력을 사용합니다. i의 값이 2로 나누어지지 않으면 console;이 실행됩니다. code> 문이 트리거되어 이 루프에서 벗어나고(출력 없음) 다음 주기를 실행합니다.

출력 결과:

2. Break 문 break 문은 현재 구문 구조에서 빠져나올 때 사용됩니다. 루프 본문의 코드를 종료하고 빠져 나올 수 있습니다. 현재 루프를 즉시 실행하고 루프 이후의 코드를 실행합니다(있는 경우).

break와 continue의 차이점은 continue 문은 현재 루프만 종료하는 반면, break 문은 전체 루프의 실행을 종료한다는 것입니다.

위 예제 1의 코드를 사용하고 continue;를 break;로 바꾸세요.

for (let i = 0; i < 5; i++) {
    if (i % 2 == 0) continue;
    for (let j = 0; j < 5; j++) {
        if (j == 2) break;
        console.log(`i = ${i}, j = ${j}`);
    }
}

답은 아무 것도 출력하지 마세요

입니다. 왜 이런 일이 발생합니까? 분석해 보겠습니다.

Forx 루프 시작, i=1, 1이 10보다 작습니까? 물론, 루프 본문에서 if(i % 2 != 0) 문을 실행해 보세요.

그러면 1을 2로 나눌 수 있을까요? 당연히 그럴 수 없으므로 ()의 값이 true이면 if의 "break;" 문이 실행되어 전체 루프에서 직접 점프하고 "console.log(i);" 문을 실행할 기회가 없습니다.

🎜🎜🎜3. Nested For Loop🎜🎜🎜🎜주의할 점은 둘 다 중단된다는 점입니다. 및 continue는 현재 루프에만 유효합니다. 중첩된 루프가 있으면 주의해야 합니다. 다음 예를 살펴보겠습니다. 🎜

<script type="text/javascript">
document.write("开始循环!<br /> ");
outerloop:          // 定义一个标签    
for (var i = 0; i < 5; i++) {
   document.write("外层循环: " + i + "<br />");
   innerloop:       // 定义一个标签
   for (var j = 0; j < 5; j++) {
      if (j > 3 ) break ;           // 跳出内层循环
      if (i == 2) break innerloop;  // 跳出内层讯息
      if (i == 4) break outerloop;  // 跳出外层循环
      document.write("内层循环: " + j + " <br />");
   }
}      
document.write("循环结束!<br /> ");
</script>

🎜🎜🎜여기에는 두 개의 루프가 있으며 각 루프는 5번(0~4) 실행됩니다. i가 짝수이면 외부 루프는 현재 루프를 건너뛰고 다음 루프를 실행합니다. 즉, 내부 루프는 i가 1 또는 3일 때만 실행됩니다. 🎜🎜j 값이 2인 동안 내부 루프는 종료됩니다. 따라서 j에는 0과 1만 있습니다. 🎜🎜최종 결과는 다음과 같습니다. 🎜🎜🎜🎜🎜🎜🎜 4. JavaScript 태그 🎜🎜🎜🎜 JavaScript 1.2부터 태그를 break와 조합하여 사용할 수 있으며 계속해서 프로그램 실행을 보다 정확하게 제어할 수 있습니다. 🎜🎜JavaScript의 태그는 HTML의 태그와 다릅니다. JavaScript의 태그는 식별자(변수 이름과 유사) 뒤에 콜론이 옵니다. JavaScript 태그는 명령문이나 코드 블록 앞에 선언할 수 있으며 특정 루프에서 벗어나기 위해 break 또는 continue와 함께 사용할 수 있습니다. 예를 들어 여러 루프가 중첩된 경우 단순히 break를 사용하면 현재 루프에서 빠져나올 수만 있습니다. 외부 루프가 아닙니다. 레이블과 함께 break를 사용하면 여러 수준의 루프에서 한 번에 벗어날 수 있습니다. 🎜🎜샘플 코드는 다음과 같습니다. 🎜rrreee🎜🎜🎜🎜참고: break 또는 continue와 레이블 사이에는 개행 문자를 사용할 수 없습니다. 또한 레이블 이름과 관련 루프 사이에 다른 코드가 나타날 수 없습니다. 🎜🎜【추천 학습: 🎜javascript 고급 튜토리얼🎜】🎜

위 내용은 JS 루프 학습: 루프 문에서 벗어나 break and continue의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!