JavaScript 中的 continue
语句用于跳过当前循环迭代并继续进行下一次迭代。通常,它与 if
语句结合使用来检查条件,并在满足条件时跳过迭代。
JavaScript 的 continue
语句告诉解释器立即开始下一次循环迭代并跳过剩余的代码块。当遇到 continue
语句时,程序流立即移动到循环检查表达式;如果条件仍然为真,则开始下一次迭代,否则控制权退出循环。
语法
continue
语句在 JavaScript 中的语法如下:
continue;
或者,
continue label;
我们可以在像 for
循环、while
循环、do...while
循环等循环中使用 continue
语句。
我们将在后续章节中学习如何使用 continue
语句与 label
语句结合使用。
continue
语句与 for
循环
下面的例子展示了如何在 for
循环中使用 continue
语句。在循环中,当 x
的值为 3 时,将执行 continue
语句以跳过当前迭代并移到下一个迭代。
在输出中,你可以看到循环不会打印出 3。
示例
<html>
<head>
<title>JavaScript - Continue 语句</title>
</head>
<body>
<p id="output"></p>
<script>
let output = document.getElementById("output");
output.innerHTML += "进入循环。<br/>";
for (let x = 1; x < 5; x++) {
if (x == 3) {
continue;
}
output.innerHTML += x + "<br/>";
}
output.innerHTML += "退出循环!<br/>";
</script>
</body>
</html>
输出:
进入循环。
1
2
4
退出循环!
continue
语句与 while
循环
在下面的例子中,我们使用 while
循环与 continue
语句。在每次 while
循环迭代中,我们将 x
的值加 1。如果 x
的值等于 2 或 3,则跳过当前迭代并移至下一次迭代。
在输出中,你可以看到代码不会打印 2 或 3。
示例
<html>
<head>
<title>JavaScript - Continue 语句</title>
</head>
<body>
<p id="output"></p>
<script>
let output = document.getElementById("output");
var x = 1;
output.innerHTML += "进入循环。<br/>";
while (x < 5) {
x = x + 1;
if (x == 2 || x == 3) {
continue;
}
output.innerHTML += x + "<br/>";
}
output.innerHTML += "退出循环!<br/>";
</script>
</body>
</html>
输出:
进入循环。
4
5
退出循环!
continue
语句与嵌套循环
你可以使用 continue
语句与嵌套循环一起,并跳过父循环或子循环的迭代。
示例
下面的代码中,父循环遍历 1 到 5 的元素。在父循环中,我们使用 continue
语句在 x
的值为 2 或 3 时跳过迭代。同时,我们也定义了一个嵌套循环。在嵌套循环中,当 y
的值为 3 时,跳过循环迭代。
在输出中,你可以观察到 x
和 y
的值。你不会看到 x
的值为 2 或 3,也不会看到 y
的值为 3。
<html>
<head>
<title>JavaScript - Continue 语句</title>
</head>
<body>
<p id="output"></p>
<script>
let output = document.getElementById("output");
output.innerHTML += "进入循环。<br/>";
for (let x = 1; x < 5; x++) {
if (x == 2 || x == 3) {
continue;
}
for (let y = 1; y < 5; y++) {
if (y == 3) {
continue;
}
output.innerHTML += x + " - " + y + "<br/>";
}
}
output.innerHTML += "退出循环!<br/>";
</script>
</body>
</html>
输出:
进入循环。
1 - 1
1 - 2
1 - 4
4 - 1
4 - 2
4 - 4
退出循环!