JavaScript 中断并继续


目录

    显示目录


break 语句“跳出”循环。

Continue 语句“跳过”一次迭代 循环。


break 语句

您已经看到了早期版本中使用的 break 语句 本教程的章节。它用于“跳出”switch() 语句。

break 语句也可用于跳出循环:

例子

for (let i = 0; i < 10; i++) {
   
if (i === 3) { break; }
    text += "The number is " + i + "<br>";
 }

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>

<p>A loop with a <b>break</b> statement.</p>

<p id="demo"></p>

<script>
let text = "";
for (let i = 0; i < 10; i++) {
  if (i === 3) { break; }
  text += "The number is " + i + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

在上面的示例中,break 语句结束循环(“中断”循环) 当循环计数器 (i) 为 3 时。


继续语句

Continue 语句会中断一次迭代(在循环中),如果指定 条件发生,并继续循环中的下一次迭代。

此示例跳过值 3:

例子

for (let i = 0; i < 10; i++) {
    if (i === 3) { continue; }
    text += "The number is " + i + "<br>";
}

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>

<p>A loop with a <b>continue</b> statement.</p>

<p>A loop which will skip the step where i = 3.</p>

<p id="demo"></p>

<script>
let text = "";
for (let i = 0; i < 10; i++) {
  if (i === 3) { continue; }
  text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>


JavaScript 标签

要为 JavaScript 语句添加标签,请在语句前面添加标签名称 和一个冒号:

label:
statements

breakContinue 语句是唯一的 JavaScript 语句 可以“跳出”代码块。

句法 :

break labelname; 
continue labelname;

继续 语句(带或不带标签引用)只能用于跳过一个 循环迭代。

没有标签引用的 break 语句只能用于 跳出循环 或开关。

有了标签引用,break语句可以用来跳出 任何代码块的

例子

const cars = ["BMW", "Volvo", "Saab", "Ford"];
list: {
  text += cars[0] + "<br>"; 
    text += cars[1] + "<br>"; 
  break list;
  text += cars[2] + "<br>"; 
    text += cars[3] + "<br>"; 
}

自己尝试一下→

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript break</h2>

<p id="demo"></p>

<script>
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";

list: {
  text += cars[0] + "<br>"; 
  text += cars[1] + "<br>"; 
  break list;
  text += cars[2] + "<br>"; 
  text += cars[3] + "<br>"; 
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

代码块是位于 { 和 } 之间的代码块。



版权所有。 © BasicIT.org • 2023-2024