流程控制语句循环结构 ---- 双重for循环

卡夫卡的baby

于 2022-08-23 22:59:43 发布

阅读量238

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_72303943/article/details/126494659

版权

这篇博客详细介绍了如何利用JavaScript的双重for循环构造九九乘法表，通过外层循环控制行数，内层循环控制每行的列数，最终展示乘法表的预览效果。

摘要由CSDN通过智能技术生成

双重for循环

外层for循环：输出行，内层for循环：输出列。

例如：九九乘法表

<title> 循环结构  双重for循环 </title>
</head>
<body>
    <h1 align="center">九九乘法表</h1>

    <div id="box"></div>
    <script>
        // 双重for循环
        // 外层for循环：输出 行，内层for循环：输出 列
        {
            var strHtml = `<table width='800' border='1' align='center'>`;
            //1. (外层for循环：输出行---)9 行
            for(var i=1; i<=9; i++){
                strHtml += '<tr>';
                // 2.(内层for循环：输出列---)9 列
                // j是列 i是行  乘法表是T字型  后面就是列等于行
                for(var j=1; j<=i; j++){
                    // strHtml += '<td>'+j+'*'+i+'='+j*i+'</td>&#