JavaScript教程-JavaScript continue 语句
在JavaScript中，对循环语句有完全的控制权。有时候，我们需要跳过循环中的某些代码，继续下一次迭代。这可以通过使用JavaScript的continue语句来实现。
在JavaScript中，continue语句用于跳过循环的一次迭代。与break语句不同，continue语句会中断当前的迭代，并继续执行下一次迭代。它可以在for循环、while循环和do-while循环中使用。当在while循环中使用时，它会跳回条件部分。如果在for循环中使用，则流程会移动到更新表达式。
当我们使用continue语句时，程序的流程会立即转移到条件表达式，如果条件为真，则开始下一次迭代；否则，控制将退出循环。
语法
continue;或
continue[label]; // 使用标签引用它可以带有或不带有标签引用。标签是语句的标识符名称。它是可选的。
让我们通过一些示例来理解continue语句。
示例1
在此示例中，我们在for循环中使用了continue语句。循环的迭代从1开始，到7结束。有一个条件语句，检查当迭代达到4时。当它达到4时，由于continue语句跳过了迭代，并继续下一次迭代。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> JavaScript中continue语句的示例 </h1>
<h3> 在这里，您可以看到 "a == 4" 被跳过。 </h3>
<p id="para">
</p>
<script>
var res = "";
var a;
for (a = 1; a <= 7; a++) {
if (a == 4) {
continue;
}
res += "a的值为: " + a + "<br>";
}
document.getElementById("para").innerHTML = res;
</script>
</body>
</html>输出
执行上述代码后，输出将为 -
示例2
在此示例中，我们在while循环中使用了continue语句。在这里，我们定义了一个数组 'rainbow'。循环的迭代从0开始，到数组的长度结束。有一个使用OR（||）运算符的条件语句，它检查迭代是否达到值'Magenta'和'Skyblue'。当它达到相应的值时，由于continue语句跳过了迭代，并继续下一次迭代。
<!DOCTYPE html>
<html>
<head>
<title> JavaScript Continue 语句的示例 </title>
</head>
<body>
<h1> JavaScript Continue 语句的示例 </h1>
<h3> 您可以看到数组值 "Magenta" 和 "Skyblue" 被跳过。 </h3>
<script>
var rainbow = ["Violet", "Indigo", "Magenta", "Blue", "Skyblue", "Green", "Yellow", "Orange", "Red"];
var i = 0;
var res = "";
while (i < rainbow.length){
if (rainbow[i] == "Magenta" || rainbow[i] == "Skyblue") {
i++;
continue;
}
res = "";
res += rainbow[i] + "<br>";
i++;
document.write(res);
}
</script>
</body>
</html>输出
执行上述代码后，输出将为 -
示例3
在此示例中，我们在continue语句中使用了一个标签。循环中有一个嵌套的for循环，外部循环被标记为'label1'，内部循环被标记为'label2'。
<!DOCTYPE html>
<html>
<body>
<p> 这是带有标签的continue语句示例 </p>
<p id="para"> </p>
<script>
var res = "";
var i, j;
label1: // 这个循环被标记为"label1"
for (i = 1; i <= 5; i++) {
res += "<br>" + "i = " + i + ", j = ";
label2: // 这个循环被标记为"label2"
for (j = 1; j <= 4; j++) {
if (j == 2) {
continue label2;
}
document.getElementById("para").innerHTML = res += j + " ";
}
}
</script>
</body>
</html>输出
执行后的输出为 -
