JavaScript break 語句
實例
該實例我們在迴圈中使用了 break 語句。
迴圈代碼塊,在變數 i 為 "3" 時退出迴圈:
var text = ""
var i;
for (i = 0; i < 5; i++) {
if (i == 3) {
break;
}
text += "The number is " + i + "<br>";
}
var i;
for (i = 0; i < 5; i++) {
if (i == 3) {
break;
}
text += "The number is " + i + "<br>";
}
text 輸出結果為:
The number is 0
The number is 1
The number is 2
The number is 1
The number is 2
在本文底部包含了更多實例。
定義和用法
break 語句用於退出 switch 語句或迴圈語句(for, for ... in, while, do ... while)。
當 break 語句用於 switch 語句中時,會跳出 switch 代碼塊,終止執行代碼。
當 break 語句用於迴圈語句時,會終止執行迴圈,並執行迴圈後代碼(如果有的話)。
break 語句同樣可用於可選的標籤引用,用於跳出代碼塊。(查看以下 "更多實例" )。
注意: break 語句(不帶標籤引用),只能用在迴圈或 switch 中。
流覽器支持
語句 | |||||
---|---|---|---|---|---|
break | Yes | Yes | Yes | Yes | Yes |
語法
break;
使用可選標籤引用:
break labelname;
技術細節
JavaScript 版本: | 1.0。 JavaScript 1.2 支持可選標籤。 |
---|

更多實例
實例
該實例在 while 迴圈語句中使用了 break 語句。
迴圈代碼塊,在 i 等於 "3" 時退出迴圈:
var text = "";
var i = 0;
while (i < 5) {
text += "<br>The number is " + i;
i++;
if (i == 3) {
break;
}
}
var i = 0;
while (i < 5) {
text += "<br>The number is " + i;
i++;
if (i == 3) {
break;
}
}
text 輸出結果為:
The number is 0
The number is 1
The number is 2
The number is 1
The number is 2
實例
跳出 switch 語句塊,確保只有一個 case 語句塊執行:
var day;
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
}
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
}
day 輸出結果為:
實例
在標籤引用中使用 break 語句,用於跳出代碼塊:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
break list;
text += cars[3] + "<br>";
}
var text = "";
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
break list;
text += cars[3] + "<br>";
}
text 輸出結果為:
BMW
Volvo
Saab
Volvo
Saab
實例
在標籤引用中使用 break 語句,用於跳出嵌套迴圈:
var text = "";
var i, j;
Loop1: // 第一個迴圈標籤 "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
Loop2: // 第二個迴圈標籤 "Loop2"
for (j = 10; j < 15; j++) {
if (j == 12) {
break Loop2;
}
document.getElementById("demo").innerHTML = text += j + " ";
}
}
var i, j;
Loop1: // 第一個迴圈標籤 "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
Loop2: // 第二個迴圈標籤 "Loop2"
for (j = 10; j < 15; j++) {
if (j == 12) {
break Loop2;
}
document.getElementById("demo").innerHTML = text += j + " ";
}
}
text 輸出結果為;
i = 0, j = 10 11
i = 1, j = 10 11
i = 2, j = 10 11
i = 1, j = 10 11
i = 2, j = 10 11
相關頁面
JavaScript 教學: JavaScript Break 和 Continue
JavaScript 教學: JavaScript 迴圈
JavaScript 教學: JavaScript While 迴圈
JavaScript 教學: JavaScript continue 語句
JavaScript 參考手冊: JavaScript for 語句
JavaScript 參考手冊: JavaScript while 語句
