使用JS代码在控制台打印九九乘法表

思考

在学习了流程控制和条件判断之后，我们可以使用JS代码打印各种各样二的九九乘法表
但是，不管打印什么样的九九乘法表，我们都应该去思考和查找其中的规律
比如：第一行的数字之间是什么规律，第一行与第二行的数字之间是什么规律

注意

1.怎么实现换行

  使用转义字符**\t**，相当于TAB键

2.怎么控制换行

  console.log()默认就是打印一行换一行，我们只需要把一行的乘法数字都通过字符串拼接在一起
  等这一行结束后，在for循环后面打印即可
  注意console.log()要跟在for循环的外面，不能放在里面

3.对于那些前面是空的，我们需要怎么打印

  其实那些空的就是空格，空格也是有规律的，因为它是用for循环遍历打印
  我们在测试的时候，可以用一些比较显眼的字符代替，比如%或#都可以，等效果出来了在改成空格即可

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //九九乘法表
        for(var i = 1;i<=9;i++){
            var s = '';
            for(var j = 1;j<=i;j++){
                s += j + '*' + i +'=' +(i*j)+'\t'
            }
            console.log(s);
        }
        console.log("===================================================================")
        for(var i = 1;i<=9;i++){
            var t = '';
            for(var j = i;j<=9;j++){
                t += i + '*' + j +'=' +(i*j)+'\t'
            }
            console.log(t);
        }
        console.log("===================================================================")
        for(var i = 1;i<=9;i++){
            var u = '';
            for(var k = 1;k<i;k++){
                u += "\t\t"
            }

            for(var j = i;j<=9;j++){
                u += i + '*' + j +'=' +(i*j)+'\t'
            }
            console.log(u);
        }
</script>
</body>
</html>

效果展示

微信截图_20210125192408.png

posted @ 2021-01-25 19:44  看萝卜在飘  阅读(1597)  评论(0)  编辑  收藏  举报