>웹 프론트엔드 >JS 튜토리얼 >JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

青灯夜游
青灯夜游앞으로
2021-04-14 19:43:091636검색

JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

이 글에서는 continuebreak를 자세히 소개하고, 유사점과 차이점을 분석하고, 실행 가능한 몇 가지 예제도 사용하겠습니다. continuebreak,分析它们的相同和不同之处,甚至用一些可运行的实例。

continuebreak都是用于控制循环的。我们先来看一下他们的定义:

  • Continue:结束当前的执行,并继续下一个循环。
  • Break:终止整个循环的执行。

注意:break还可以用在switch中,本文主要介绍在循环中的使用。

Continue

考虑如下代码:

for (let i = 1; i <= 10; i++) {
    console.log(i);
}

我们有一个简单的 for 循环,该循环会执行 10 次,i 的值从 1 一直递增到 10。每一次循环将当前 i 的值打印出来。执行结果如下:

JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

如果我们只想打印偶数,应该如何做呢?使用continue可以很容易搞定。在每一次循环我们检查是否为奇数,如果是,则跳出此次循环,继续下一次。如果不是,则打印 i 的值。

for (let i = 1; i <= 10; i++){
  if (i % 2 == 1) continue;
  console.log(i);
}

执行结果如下:

JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

记住,当使用continue关键字的时候,该次循环立即结束执行,continue往后的代码不再被执行。

Break

我们使用相同的循环来做例子:

for (let i = 1; i <= 10; i++) {
    console.log(i);
}

如果我们想在 i 的值为 6 的时候,终止整个循环。那么我们可以使用break

for (let i = 1; i <= 10; i++) {
    if (i == 6) break;
    console.log(i);
}

如果执行上面的代码,for 循环会在 i 为 6 的时候终止执行,因此 6 也不会被打印到控制台。

JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

【推荐学习:javascript高级教程

嵌套 For 循环

值得注意的是,breakcontinue

continuebreak는 모두 루프를 제어하는 ​​데 사용됩니다. 먼저 정의를 살펴보겠습니다.
  • 계속: 현재 실행을 종료하고 다음 주기를 계속합니다.
  • Break: 전체 루프의 실행을 종료합니다.
참고: breakswitch에서도 사용할 수 있습니다. 이 글에서는 주로 루프에서의 사용법을 소개합니다.

계속

다음 코드를 고려하세요:

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}`);
    }
}

us i를 1에서 10까지 증가시키면서 10번 실행되는 간단한 for 루프가 있습니다. 각 루프는 i의 현재 값을 인쇄합니다. 실행 결과는 다음과 같습니다.

1. pngJS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

짝수만 인쇄하고 싶다면 어떻게 해야 하나요? 계속을 사용하면 쉽게 수행할 수 있습니다. 각 루프에서 우리는 그것이 홀수인지 확인하고, 그렇다면 루프에서 빠져나와 다음 루프로 계속 진행합니다. 그렇지 않은 경우 i 값을 인쇄합니다.
rrreee
실행 결과는 다음과 같습니다.

JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명

continue 키워드를 사용하면 루프 실행이 즉시 종료되고 continue의 후속 코드는 더 이상 실행되지 않는다는 점을 기억하세요.

Break

예제에서는 동일한 루프를 사용합니다. :rrreee

🎜i 값이 6일 때 전체 루프를 종료하려는 경우. 그런 다음 break를 사용할 수 있습니다. 🎜rrreee🎜🎜🎜위 코드가 실행되면 for 루프는 i가 6일 때 실행을 종료하므로 6이 콘솔에 인쇄되지 않습니다. 🎜🎜JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명🎜🎜【 추천 학습: javascript 고급 튜토리얼🎜】🎜

🎜중첩 For 루프

🎜두 가지 모두 breakcontinue는 현재 루프에만 유효합니다. 중첩된 루프가 있으면 주의해야 합니다. 다음 예를 살펴보겠습니다. 🎜rrreee🎜🎜🎜여기에는 두 개의 루프가 있으며 각 루프는 5번(0~4) 실행됩니다. i가 짝수이면 외부 루프는 현재 루프를 건너뛰고 다음 루프를 실행합니다. 즉, 내부 루프는 i가 1 또는 3일 때만 실행됩니다. 🎜🎜j 값이 2인 동안 내부 루프는 종료됩니다. 따라서 j에는 0과 1만 있습니다. 🎜🎜최종 결과는 다음과 같습니다. 🎜🎜🎜🎜🎜🎜🎜🎜영어 원문 주소: https://codeburst.io/javascript-continue-vs-break-47b5c15cacc6🎜🎜이 글은 무료 번역이며, 저작권은 원저자에게 속함🎜🎜🎜업데이트 프로그래밍 관련 지식을 더 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 JS에서 Continue와 Break 구문의 차이점에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 fundebug.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제