使用for循环创建九九乘法表-优快云博客

本文链接：https://blog.youkuaiyun.com/KingRH/article/details/115855880

本文介绍了如何利用JavaScript中的for循环来构建九九乘法表。通过设置两个变量i和j，循环行数和列数，遵循乘法表的规律，实现了从1×1到9×9的乘法表。在实现过程中，还注意到了换行和样式的问题，最终展示了一个完整的乘法表格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何用for循环写出一个九九乘法表

先要搞清楚九九乘法表是怎么做出来的

如图所示
寻找规律设置两个变量，i和j，第一个就是第一列乘第一行就是1×1=1；第二行就是第二列乘第一行就等于 1×2=2、2×2=4。如此推理就有了大概的思路了，

        for(var i=1;i<=9;i++){
        
        }

先循环行的数量，有几行循环几行再里面循环列的数量第一行有一列、第二行有两列…。所有我们知道了列的循环。

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

那再看数值的规律第一个就是第一列乘第一行就是1×1=1；第二行就是第二列乘第一行就等于 1×2=2、2×2=4。所以我们再加如数值；

        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
            document.write(j + "×" + i + "=" + j*i + "&nbsp;&nbsp;");
            }
        }

大概的格式我们已经写好了打开网页看看
在这里插入图片描述
如图所示它变成了一长串的忽略了换行那我们再给它相应的位置加上换行

for(var i=1;i<=9;i++){
   for(var j=1;j<=i;j++){
       document.write(j + "×" + i + "=" + j*i + "&nbsp;&nbsp;");
    }
       document.write("<br/>")
   }

在这里插入图片描述
这样一个完整的九九乘法表就出来前四行有点不同我再给加点样式

        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                if (j*i<10) {
                    document.write(j + "×" + i +"&nbsp;"+ "="+"&nbsp;" + j*i + "&nbsp;&nbsp;");
                } else {
                    document.write(j + "×" + i + "=" + j*i + "&nbsp;&nbsp;");
                }
            }
            document.write("<br/>")
        }