双重循环的嵌套执行原理

Posted 2021-03-05 shiqinghuayi

双重循环的嵌套执行比较有代表性的是在页面中用星号输出直角三角形，九九乘法表等递增或递减的案列，这种案列单循环执行比较复杂，代码量较多。

双重循环嵌套比较适用。

for循环来说，执行原理就是：外层循环表示行数；内层循环表示列数；外层变量换到内层，达到递增递减效果。

 

例：九九乘法表执行语法

                    for（var j = 1；j <= 9 ; j++）{

                                         for( var i = 1; i <= j ; i++){

                                          document.write(`${ i } * ${ j } = ${ i * j }`)

                                                                                              }

                                          document.write( ‘ < br >‘ )

                                                              }

这种嵌套首先声明两个变量（ j 和 i ），外层变量 从第一行开始 （ j = 1），九九乘法表一共九行（j <= 9），（ j ++）步长；

内层变量当 （ j = 1）循环进第二个for循环时（ i = 1 ；i <= j ; i ++）表示第一次输出的 i 是 1 ，j 是 1，循环一次，且第一行就输出一个式子，紧接着换行。

第二次外层（ j ++）—>（ j = 2）循环进第二个for循环（ i = 1 ；i <= j ; i ++）这时候第二次输出的 i 是 1 ，j 是 2，循环一次； i 是 2 ，j 是 2，循环一次，第二行输出两个式子，当 （ i = 3）时，条件不满足，紧接着换行。

以此类推，直到循环结束，九九乘法表这种递增形式的式子在页面上一目了然。

总结：外层循环表示总共的行数，内层循环表示列数，外层变量换到内层，内外变量相互作用，达到递增递减效果。

双重循环的嵌套执行代码量和理解难度不高，重要的是原理和思路，非常复杂的循环也是从双重循环的嵌套中演变来的，只不过嵌套层数更多，代码更繁琐。

学习笔记@逆战班