JavaScript の Break および Continue ステートメント
break ステートメントはループから抜け出すために使用されます。
Continue は、ループ内の反復をスキップするために使用されます。
Break ステートメント
Break ステートメントについては、このチュートリアルの前の章ですでに見てきました。これは switch() ステートメントから抜け出すために使用されます。
break ステートメントはループから抜け出すために使用できます。
break ステートメントがループから抜け出した後、ループ後のコード (存在する場合) が引き続き実行されます:
Example
<!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 コードのブロックから抜け出すために使用できます:
例
<!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>プログラムを実行して試してみましょう
