js基礎---嵌套循環中的break使用

在循環中我們都知道break是結束循環，這邊介紹下嵌套循環中的break使用

1、beak的使用介紹：

break: 結束循環

1- 結束break所在層的循環
2-如果循環帶有label; break label名 指結束label所在層的循環

label名： 滿足變量命名規則即可

 

2、嵌套循環介紹

這邊說的嵌套循環指兩層for循環，格式如下：

內層循環是外層循環的循環體

一般在應用中外層循環控制行，內層循環控制每行內容的打印：比如：打印乘法口訣，打印直接三角形和菱形

// 外層循環
for (var i = 1; i <= 6; i++) {
    // 內層循環
        for (var j = 1; j <= 10; j++) {
          // 內層循環循環體
        }
       
      }

嵌套循環demo

for (var i = 1; i <= 6; i++) {
        for (var j = 1; j <= 10; j++) {
          document.write(j)
        }
        document.write('<br/>')
      }

打印結果：

 

 

3、嵌套循環中break使用demo1: 結束break所在層循環

for (var i = 1; i <= 6; i++) {
        for (var j = 1; j <= 10; j++) {
            if (j==3){
                break; 
            }
          document.write(j)
        }
        document.write('<br/>')
      }

打印結果如下：

 

 

4、嵌套循環中break使用demo2: 結束label所在層循環

// 實現：當j為3時結束外層循環-----使用標簽，可以大大簡化代碼 (這邊a就是標簽名， break a 表示a標簽所在的循環）
a:for (var i = 1; i <= 6; i++) {
        for (var j = 1; j <= 10; j++) {
            if (j==3){
                break a;
            }
          document.write(j)
        }
        document.write('<br/>')
      }

打印結果如下：