JavaScript continue 语句
JavaScript continue 语句
实例
在本例中，我们将 for 循环与 continue 语句一起使用。
循环一段代码，但跳过 "3" 这个值：
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i === 3) {
continue;
}
text += "The number is " + i + "<br>";
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮执行循环，将跳过 i 等于 3 的 step。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i;
for (i = 0; i < 5; i++) {
if (i === 3) {
continue;
}
text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 TIY 实例。
定义和用法
如果出现指定条件，则 continue 语句会中断一次迭代（在循环中），并继续循环中的下一次迭代。
continue 和 break 语句之间的区别在于，continue 语句不是“跳出”循环，而是“跳过”循环中的一次迭代。
但是，当执行 continue 语句时，对于不同类型的循环，它的行为会有所不同：
- 在 while 循环中，测试条件，如果为真，则再次执行循环
- 在 for 循环中，首先计算增量表达式（例如 i++），然后测试条件以确定是否应该进行另一次迭代
- continue 语句也可以与可选的标签引用一起使用
注释： continue 语句（带或不带标签引用）只能在循环内使用。
浏览器支持
| 语句 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| continue | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
continue;
使用可选的标签引用：
continue labelname;技术细节
| JavaScript 版本： | ECMAScript 1 |
|---|
更多实例
示例代码：
在本例中，我们将 while 循环与 continue 语句一起使用。
循环一段代码，但跳过 "3" 这个值：
var text = "";
var i = 0;
while (i < 5) {
i++;
if (i === 3) {
continue;
}
text += "<br>The number is " + i;
}
文本的结果将是：
The number is 1
The number is 2
The number is 4
The number is 5
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮执行循环，将跳过 i 等于 3 的 step。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i = 0;
while (i < 5) {
i++;
if (i === 3) {
continue;
}
text += "<br>The number is " + i;
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
循环一段代码，但跳过数字 2 和 3（使用 OR 运算符）：
var text = "";
var i;
for (i = 1; i < 8; i++) {
if (i === 2 || i === 3) continue;
document.getElementById("demo").innerHTML += i + "<br>";
}
文本的结果将是：
1
4
5
6
7
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮执行循环，将跳过数字 2 和 3。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i;
for (i = 1; i < 8; i++) {
if (i === 2 || i === 3) continue;
document.getElementById("demo").innerHTML += i + "<br>";
}
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
在本例中，我们将 for 循环与 continue 语句一起使用。
循环遍历数组，但跳过数组元素 "Saab"：
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = ""
var i;
for (i = 0; i < cars.length; i++) {
if (cars[i] === "Saab") {
continue;
}
text += cars[i] + "<br>";
}
文本的结果将是：
BMW
Volvo
Ford
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮执行一个循环，该循环将跳过数组元素 “Saab”。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
if (cars[i] === "Saab") {
continue;
}
text += cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
使用带有标签引用的 continue 语句，跳过嵌套 for 循环中的值：
var text = "";
var i, j;
Loop1: // The first for loop is labeled "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
Loop2: // The second for loop is labeled "Loop2"
for (j = 10; j < 15; j++) {
if (j === 12) {
continue Loop2;
}
document.getElementById("demo").innerHTML = text += j + " ";
}
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>在本例中， continue 语句引用标记为 "Loop2" 的 for 循环。当 j 等于 12 时，continue 语句将“跳过”这个值并导致 "Loop2" 进入下一次迭代。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var text = "";
var i, j;
Loop1: // 标记为 "Loop1" 的第一个 for 循环
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
Loop2: // 标记为 "Loop2" 的第二个 for 循环
for (j = 10; j < 15; j++) {
if (j === 12) {
continue Loop2;
}
document.getElementById("demo").innerHTML = text += j + " ";
}
}
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
相关页面
JavaScript 教程：JavaScript Break 和 Continue
JavaScript 教程：JavaScript For 循环
JavaScript 教程：JavaScript While 循环
JavaScript 教程：JavaScript break 语句
JavaScript 参考手册：JavaScript for 语句
JavaScript 参考手册：JavaScript while 语句
