JavaScript break语句

JavaScript break语句教程

在我们使用 for循环while循环 或者 do while循环 时,在某种条件满足的情况下,需要终止循环的继续执行,在 JavaScript 中,终止循环的继续运行使用的 关键字break

JavaScript 的 break 语句,有与其他编程语言类似的功能,但不同的是,JavaScript 的 break 语句还可以选择中断的循环。

JavaScript break语句详解

语法

for (var i = startIndex; i < endIndex; i++){ //do something if (condition) { break } }

说明

上面的循环是在 condition 条件满足的情况下,终止 for 循环。

JavaScript break终止指定循环详解

语法

loop: for (var i = startIndex; i < endIndex; i++){ //do something if (condition) { break loop } }

说明

上面的循环是在 condition 条件满足的情况下,终止 for 循环,运行 loop 同级层次的代码,注意这里的 loop 是标签,后面需要加上 :

案例

break语句终止循环

使用 break 语句,终止循环

<!DOCTYPE html> <html> <head> <title>JavaScript break语句</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); for (var i = 0; i < 10; i++) { if (i >= 3){ break } console.log("i =", i); } console.log("Over"); </script> </head> </html>

程序运行后,控制台输出如下:

36_javascript break语句.png

首先,我们定义了一个 for 循环,该循环从 0 开始到 10 结束,每次循环循环控制 变量 加 1,并打印当前循环控制变量的值。

但,我们这里使用了 if语句 判断,如果循环控制变量的值已经大于等于 3 了,那么我们就使用 break 语句来终止循环,因此最终结果只输出了 0,1,2,因为到 3 的时候,整个循环被 break 语句终止了。

break语句终止双重循环

使用 break语句,终止双重循环

<!DOCTYPE html> <html> <head> <title>JavaScript break语句</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); for (var i = 0; i < 3; i++) { for (var j = 0; j < 20; j++) { if (j >= 2){ break; } } console.log("i =", i, "j =", j); } console.log("Over"); </script> </head> </html>

程序运行后,控制台输出如下:

37_javascript break语句.png

首先,我们定义了一个 for 循环,该循环从 0 开始到 3 结束,每次循环循环控制变量加 1。

同时,我们在外层的 for 循环里面又定义了一个 for 循环,该循环从 0 开始到 20 结束,每次循环循环控制变量加 1,并在该循环里面打印循环控制变量 i 和 j 的值。

我们在第二层循环里面使用了 if 语句判断,如果循环控制变量的值已经大于等于 2 了,那么我们就使用 break 语句来终止循环,我们看到最终 j 的值最大只能输出到 1,但 i 的值可以全部输出,因为这的 break 语句只能终止内层的 for 循环,外层的 for 循环该 break 语句是无法终止的。

break语句终止到指定循环

使用 break 语句,终止到指定循环

<!DOCTYPE html> <html> <head> <title>JavaScript break语句</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); loop: for (var i = 0; i < 3; i++) { for (var j = 0; j < 20; j++) { if (j >= 2){ break loop; } } console.log("i =", i, "j =", j); } console.log("Over"); </script> </head> </html>

程序运行后,控制台输出如下:

38_javascript break语句.png

首先,我们定义了一个 for 循环,该循环从 0 开始到 3 结束,每次循环循环控制变量加 1。

同时,我们在外层的 for 循环里面又定义了一个 for 循环,该循环从 0 开始到 20 结束,每次循环循环控制变量加 1,并在该循环里面打印循环控制变量 i 和 j 的值。

我们在第二层循环里面使用了 if 语句判断,如果循环控制变量的值已经大于等于 2 了,那么我们就使用 break 语句来终止循环,并且,我们在 break 后面加上了 loop 标签,因此该 break 语句终止了两层循环。

JavaScript break语句总结

在 JavaScript 中,终止循环的继续运行使用的关键字为 break。JavaScript break 语句语法:

for (var i = startIndex; i < endIndex; i++){ //do something if (condition) { break } }

JavaScript break 终止指定循环:

loop: for (var i = startIndex; i < endIndex; i++){ //do something if (condition) { break loop } }