雙重循環嵌套執行原理

執行原理

循環嵌套是外循環里套個內循環，外循環執行一次，內循環全部執行完，直到外循環執行完畢，整個循環結束。

案例解析

下面將分別用while循環和for循環進行案例解析，來更好地理解雙重循環嵌套。

while循環

var j = 0;
      while (j < 3) {
        //外層循環
        var str = "<ul>";
        var i = 0;
        // 每一次進入這里，就會執行下面10次循環
        while (i < 10) {
          //內層循環
          str += "<li>" + i + "</li>";
          i++;
        }
        str += "</ul>";
        document.write(str);
        j++;
      }

 

該代碼運行效果如下：

 

 

如效果所示，在外部循環執行了第一步之后，優先執行內部的循環。

for循環

var sum = 0;
      for (var num = 2; num < 100; num++) {
      //外層內部循環
        for (var i = 2; i <=num; i++) {
        //內層循環 
          if(i<num){   
          if (num % i === 0) 
            break;
            //當num與i整除時，跳出循環 回到第一個內部循環
          } else sum += num;
        }
      }
      console.log(sum);

 

該代碼運行效果如下：

 

如代碼所示，每一個 for 的執行過程相同，第二個內部循環中i變量與第一個內部循環有關。需要注意的是：外層循環的變量，不要在內層循環重復定義。

總結

1. 外循環執行一次，內循環全部執行完，直到外循環執行完畢。

2. 外層循環的變量，不要在內層循環重復定義。

3. 內層循環的變量常常與外層循環變量有關。