JavaScript中实现for循环打印输出九九乘法表

引入

下面列举的是从小氪到大的九九乘法表；

第一行：1X1=1

第二行：1X2=2 2X2=4

第三行：1X3=4 2X3=6 3X3=9  

第四行：1X4=4 2X4=8 3X4=12  4X4=16

……自行脑补……

接下来我们就先找一下规律，我们会发现假如列是1组，行也只有1组；列有两组，行也有两组（横着看，不要竖着看）。最后下面开个总结大会。

规律：1、列和行数相同

          2、列X行=列数*行数

代码

这里列我们用j表示，行用i表示。

//i行数
for (var i = 1; i <= 9; i++) { 
//j列数，j的数值始终是等于i值的。这才能保证最后输出以后大概是一个直角三角形
    for (var j=1; j <= i; j++) { 
//重排格式输出，不要问为什么是j*i，不是i*j，因为方便阅读，不然会出现9*2=18。
        document.write(j+"x"+i+"="+i*j+" ");
}
document.write("<br />");
}

运行效果：

继续研究

看不懂代码，我们从1开始慢慢走几遍。

第一次最外面的for中i值为1，满足条件<=9；进入内层for循环，j=1，满足条件j<=i（现在i为1）；所以执行格式重排输出1(j)x1(i)=1(i*j)。

第二次最外面的for中i值为2，满足条件<=9；进入内层第一次for循环，j=1，满足条件j<=i（现在i为2）；所以执行格式重排输出1(j)x2(i)=2(i*j)。

第三次继续执行内层for循环，进入内层第二次for循环，j=2，满足条件j<=i（现在i为2）；所以执行格式重排输出2(j)x2(i)=4(i*j)。

………自行脑补………

所以经过上面三次循环得出下面最基础的示例：

1x1=1

1x2=2 2x2=4