九九乘法表的for循环实现

在写九九乘法表之前，让我们先来复习一下，什么叫做for循环语句。

for语句：是一种先判断，后运行的循环语句，它由初始条件、结束条件、步长值以及循环体四个部分组成；并且它具有在执行循环之前初始变量和定义循环后要执行代码的能力。

语句格式：

for(start;end;step){
             循环体；
}

执行顺序：

start --> end --> 循环体 --> step --> end --> 循环体 --> step --> end --> 循环体--> ……

for循环语句嵌套规则：

• 先执行外层循环，再执行内层循环；
• 外层循环每循环一次，内层循环就要重新再执行一次；
• 外层为判定为false时，停止循环。

好了，现在我们用for语句写一下九九乘法表

代码如下：

for(var a = 1; a <= 9; a++){
            for(var b = 1; b <= a; b++){

                document.write(`${b} * ${a} = ${a*b} &nbsp;&nbsp;&nbsp;`)
            }

            document.write(`<br><br>`)
        }

效果如下：

thing1.png

如图所示，第一次循环为a初始值为 1时，判定 a <= 9 为 true，接着b进行循环，b的初始值为1，判定 b <= a为true，故运行循环体 ${b} * ${a} = ${a*b}，页面得出 1 * 1 = 1；之后进行b的步长值b++的运算，b++的值为2，此时a依旧等于1，b判定条件b <= a为false，故b循环停止，返回外层a进行循环，所以页面第一行显示 1 * 1 = 2；

第二次循环：a进行步长值a++的运算，a++等于2，判定a <= 9为true，接着b重新进行一次循环，即重新从初始值开始循环，b的初始值为1，判定 b <= a为true，运行循环体 ${b} * ${a} = ${a*b}；b进行第二次循环，b++值为2，判定b <= a 为true，运行循环体 ${b} * ${a} = ${a*b}；b进行第三次次循环，b++值为3，判定b <= a 为false，停止循环，返回外层a进行循环，所以页面第二行显示 1 * 2 = 2 2 * 2 = 4；

第三次循环：以此类推…

以上就为九九乘法表的格式及解释，不知道大家明白了没有

thing2.jpg