双重循环嵌套执行原理

执行原理

循环嵌套是外循环里套个内循环，外循环执行一次，内循环全部执行完，直到外循环执行完毕，整个循环结束。

案例解析

下面将分别用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. 内层循环的变量常常与外层循环变量有关。