JavaScript Break 및 Continue 문
break 문은 루프를 벗어나는 데 사용됩니다.
continue는 루프에서 반복을 건너뛰는 데 사용됩니다.
Break 문
우리는 이미 이 튜토리얼의 이전 장에서 break 문을 보았습니다. switch() 문을 중단하는 데 사용됩니다.
break 문을 사용하여 루프를 벗어날 수 있습니다.
break 문이 루프에서 벗어나면 루프 뒤의 코드가 계속 실행됩니다(있는 경우).
예
<!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>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
이 if 문에는 한 줄의 코드만 있으므로 곱슬곱슬한 중괄호는 생략 가능:
for (i=0;i<10;i++)
{
만약 (i==3) 휴식;
x=x + "숫자는 " + i + "<br>";
}
{
만약 (i==3) 휴식;
x=x + "숫자는 " + i + "<br>";
}
계속문
continue 문 은 지정된 조건이 발생하면 루프의 반복을 중단하고 루프의 다음 반복을 계속합니다. 이 예에서는 값 3을 건너뜁니다.
Instance
<!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>Run Instance»
"Run Instance" 버튼을 클릭하여 확인하세요. 온라인 예제
JavaScript 태그
Switch 문 장에서 본 것처럼 JavaScript 문에는 태그를 지정할 수 있습니다.
JavaScript 문에 라벨을 지정하려면 문 앞에 콜론을 추가하세요.
label:
statements
statements
break 및 continue 문은 단지 코드 블록에서 튀어나올 수 있는 명령문입니다.
구문:
break 레이블 이름;
continue 레이블 이름;
continue 레이블 이름;
continue 문(레이블 참조 포함 또는 제외)은 루프 내에서만 사용할 수 있습니다.
break 문(레이블 참조 없음)은 루프나 스위치에서만 사용할 수 있습니다.
태그를 통해 참조되는 break 문을 사용하여 JavaScript 코드 블록을 벗어날 수 있습니다.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
list:{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
