javascript中带标签的break和不带标签的break有什么区别

Question

var num = 0;
for(var i = 0; i < 10; i++){
  for(var j = 0; j < 10 ; j++){
    if(i == 5 && j == 5){
      break;
    }
    num++;
  }
}

console.log(num)

在上面的代码中，我期望结果是55，但为什么结果是95。

但是为什么如果我添加了标签，结果就变成了55？

var num = 0;
outermost:
for(var i = 0; i < 10; i++){
  for(var j = 0; j < 10 ; j++){
    if(i == 5 && j == 5){
      break outermost;
    }
    num++;
  }
}

console.log(num);

Answer 1

当不带标签使用时，break只会中断当前循环，在您的情况下是最里面的for。所以现在 j = 6，条件现在是错误的，并且循环继续进行 40 个增量。

当你放置一个标签时，break转到标签的“级别”，因此两个for循环被跳过。

Answer 2

使用不带标签的 break 会中断当前正在执行的最内层循环。

将 break 与标签 foo 一起使用会破坏标记为 foo 的语句。

MDN break 文档：

break 语句包含一个可选标签，允许程序跳出带标签的语句。 break 语句需要嵌套在此带标签的语句中。带标签的语句可以是任何 block 语句；它前面不必有循环语句。

Answer 3

如果没有标签，break 将跳出内部循环。使用标签可以停止嵌套循环的执行。

请参阅示例：

https://developer.mozilla.org/en/JavaScript/Reference /语句/标签

Answer 4

第一个只是打破你的“j”循环。中断后，它返回到“i”循环，并将“i”递增到 6。一旦“i”为 6，它返回到“j”循环，并且不再满足 if 条件。所以它继续加“num”。

Answer 5

仅在内部 for 循环中给出中断。
因此，当 i = j = 5 时，它仅中断内部 for 循环。
但外循环继续旋转10次。
因此，当 i=j=5 时，循环将仅旋转 5 次，而在其余所有情况下，它将旋转 10 次。

Answer 6

当您使用不带 label 的 break 时，它只会中断内部循环 (i=5 j=6) ,(i=5 j=7) ,(i=5 j=8) ,(i=5 j=9)仅并再次循环从 (i=6 j=0) 到 (i=9 j=9) 开始，并且还计数 (num ++) 开始，这就是为什么它显示结果为 95。bt

当您使用带有标签的中断时，即中断最外层，它从循环标签中突破为最外层（即外循环），这就是为什么6它给出的输出为 55