前端练习之js九九乘法表

最新推荐文章于 2024-09-10 21:09:07 发布

发愤图强中ing

最新推荐文章于 2024-09-10 21:09:07 发布

阅读量336

点赞数 1

文章标签：前端算法

本文链接：https://blog.youkuaiyun.com/m0_64889764/article/details/137060879

版权

<script>
        function calculation(){
            for(let i = 1; i <= 9; i++){
                let row = ''; 
                for(let j=1;j<=i;j++){
                    
                  row +=  `${j}*${i}=${i*j}&nbsp;&nbsp;&nbsp;`;
                  
                }
                document.write(row)
                document.write('<br>')
            }
        }
         
        calculation();

    </script>

1、    是 HTML 实体，用于表示三个连续的空格。

2、for(let i = 1; i <= 9; i++){}是一个for循环它一共会迭代九次变量从1开始每次递增1到9

3、let row = ''；这一行是声明一个变量伟row的变量，并将其初始化为空字符串，这个变量将用来存储当前的乘法表内容

4、for(let j=1;j<=i;j++){，这一行是一个嵌套的for循环，用于构建每一行的乘法内容。变量也是从1开始，每次循环都递增1直到等于i

5、row += ${j}${i}=${ij} 在内部循环中，将当前乘法表的一项添加到 row 变量中。模板字符串 ${j}*${i}=${i*j} 用于显示当前乘法表项的表达式和计算结果，就是将每一次计算得到的模板字符串解析结果会以 ${j}*${i}=${i*j} 的形式添加到 row 变量的末尾。

就是比如，i=3,j=2就会==》 row=${i}*${j}=3*2=6

将其放入row然后再执行下一次循环

效果