Break语句未退出JavaScript中的所有嵌套循环

Question

我知道break语句终止所有嵌套循环。我已经编写了以下代码，但它没有按预期工作。

<script>
for (i = 0; i < 5; i++) {
for (j = 0; j < 5; j++) {
if (i == 3) {
break;
}
document.write(i + '*' + j + '<br>');
}
}
</script>

实际输出：

0*0
0*1
0*2
0*3
0*4
1*0
1*1
1*2
1*3
1*4
2*0
2*1
2*2
2*3
2*4
4*0
4*1
4*2
4*3
4*4

根据我的理解，输出不应该包括4*0...4*4，因为当i == 3时，break应该终止所有嵌套循环。

预期输出：

0*0
0*1
0*2
0*3
0*4
1*0
1*1
1*2
1*3
1*4
2*0
2*1
2*2
2*3
2*4

Answer 1

您必须指定从哪个循环中断。

loop1: for (i = 0; i < 5; i++) {
loop2: for (j = 0; j < 5; j++) {
if (i == 3) {
break loop1;
}
document.write(i + '*' + j + '<br>');
}
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/break

Answer 2

否，break只中断当前循环，而不是所有循环。您也可以使用布尔变量来打破封闭循环。

示例：

<script>
let break = false
for (i = 0; i < 5; i++) {
for (j = 0; j < 5; j++) {
if (i == 3) {
break = true;
break;
}
document.write(i + '*' + j + '<br>');
}
if(break) break
}
</script>

Answer 3

默认情况下，只转义最内部的循环，但您可以通过自封闭函数和返回语句来实现预期的行为。

(function(){
for (i = 0; i < 5; i++) {
for (j = 0; j < 5; j++) {
if (i == 3) {
return;
}
document.write(i + '*' + j + '<br>');
}
}
})()

Answer 4

为什么不在第一个循环中放置一个break？

<script>
for (i = 0; i < 5; i++) {
if (i == 3) break;
for (j = 0; j < 5; j++) {
document.write(i + '*' + j + '<br>');
}
}
</script>