雙重for迴圈巢狀執行原理

先簡單介紹下單個for迴圈的原理：

for(定義變數;迴圈條件;變數變化) 1、定義變數在進入迴圈前執行一次； 2、迴圈條件是每次進入迴圈之前都會執行並判斷； 3、變數變化是每次完成迴圈語句塊後執行的內容；

下面看一段**：

// 逆戰 停課不停學 加油！！
for (i = 1; i < 5; i++) 
}

當執行程式時，先執行外層 i 的迴圈;

當 i 第一次迴圈時 i = 1，滿足條件 i < 5，所以進入 i 的迴圈語句塊（也就是 j 迴圈）；當 j 第一次迴圈式 j =，滿足條件 j <5，所以進入 j 的迴圈語句塊；為了方便理解，我們把**稍微變動如下：

// 逆戰 停課不停學 加油！！
for (i = 1; i < 5; i++) 
document.write("
"); }

效果圖：

此時 j 第一次迴圈，就會執行

document.write("內層第" + j + "次迴圈

");然後 j++，繼續進行判斷循 j 的環條件是否為true，如果條件為true則繼續執行迴圈語句塊，直到迴圈條件為false時停止迴圈；

繼續執行 i 迴圈；

document.write("

");然後 i++，

當 i 第二次迴圈時，i = 2 ，滿足條件 i < 5，繼續進入 i 迴圈語句塊，也就是繼續迴圈一次 j 迴圈，也就是說 i 每次迴圈時，j都會重新執行乙個完整的迴圈，這樣就形成了內外層的迴圈巢狀。