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 ステートメントにはコードが 1 行しかないため、中括弧は省略できます:
{
if (i==3) 休憩;
x=x + "その番号は " + i + "<br>";
}
Continueステートメント
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 ステートメントにラベルを付けるには、ステートメントの前にコロンを追加します。
statements
break ステートメントと continue ステートメントは、単にコード ブロックから抜け出すステートメントです。
構文:
continue labelname;
continue ステートメントは (ラベル参照の有無にかかわらず) ループ内でのみ使用できます。
break ステートメント (ラベル参照なし) は、ループまたはスイッチ内でのみ使用できます。
タグで参照される Break ステートメントは、JavaScript コード ブロックから抜け出すために使用できます:
インスタンス
<!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>インスタンスの実行 »
オンラインの例を表示するには、[インスタンスの実行] ボタンをクリックします
