JavaScript Break 및 Continue 문

break 문은 루프를 벗어나는 데 사용됩니다.

continue 는 루프에서 반복을 건너뛰는 데 사용됩니다.

Break 문

우리는 이미 이 튜토리얼의 이전 장에서 break 문을 보았습니다. switch() 문을 중단하는 데 사용됩니다.

break 문을 사용하여 루프를 벗어날 수 있습니다.

break 문이 루프에서 벗어나면 루프 뒤의 코드가 계속 실행됩니다(있는 경우).

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击按钮，测试带有 break 语句的循环。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
for (i=0;i<10;i++){
if (i==3){
    break;
}
    x=x + "该数字为 " + i + "<br>";
    }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

프로그램을 실행하여 시도해 보세요

Continue 문

continue 문 지정된 조건이 발생하면 루프의 반복을 중단하고 루프의 다음 반복을 계속합니다. 이 예에서는 값 3을 건너뜁니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮来执行循环，该循环会跳过 i=3 的步进。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
for (i=0;i<10;i++){
  if (i==3){
    continue;
    }
x=x + "该数字为 " + i + "<br>";
  }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

프로그램을 실행하여 시험해 보세요

JavaScript 태그

switch 문에 대한 장에서 본 것처럼 JavaScript 문에 태그를 지정할 수 있습니다.

JavaScript 문에 라벨을 지정하려면 문 앞에 콜론을 추가하세요.

label:
statements

break 및 continue 문은 단순히 코드 블록을 벗어나는 문입니다.

구문:

break labelname;

continue labelname;

continue 문(레이블 참조 포함 또는 제외)은 루프에서만 사용할 수 있습니다.

break 문(레이블 참조 없음)은 루프나 스위치에서만 사용할 수 있습니다.

태그로 참조되는 break 문을 사용하면 모든 JavaScript 코드 블록에서 벗어날 수 있습니다.

Example

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<script>
    direction=["上","下","左","右"];
    list:{
        document.write(direction[0] + "<br>");
        document.write(direction[1] + "<br>");
        document.write(direction[2] + "<br>");
        break list;
        document.write(direction[3] + "<br>");
        document.write(direction[4] + "<br>");
        document.write(direction[5] + "<br>");
    }
</script>
</body>
</html>

프로그램을 실행하여 사용해 보세요

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击按钮，测试带有 break 语句的循环。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var x="",i=0; for (i=0;i<10;i++){ if (i==3){ break; } x=x + "该数字为 " + i + "<br>"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>

제출하다 코드 재설정

자동운전