用js實現列印九九乘法表

lovelyk發表於2021-01-16

用js在控制檯列印九九乘法表

執行結果

思考

在學習了流程控制和條件判斷後,我們可以利用js列印各式各樣的九九乘法表
不管是列印什麼樣三角形九九乘法表,我們都應該找到有規律的地方,比如第一列的數字是什麼規律,第一行的數字是什麼規律,只要找到了共性,九九乘法表就很簡單了

注意點

  1. 怎麼控制換行?
    console.log()預設就是列印一次換一行,我們這時候就需要把一行的乘法數字都通過字串拼接在一起,等這一行結束後,就在外層for迴圈裡列印,而不是在內層的迴圈。
  2. 怎麼實現每兩個數相乘後的間隔?
    使用轉義字元 **\t **,相當於tab鍵
  3. 對於那些前面空的我們怎麼處理?
    其實用的就是空格,因為空格也是有規律的,也要額外用迴圈遍歷列印,大概兩個\t等價於(ij=ij)。我們在測試的時候,可以用一些比較顯眼的字元代替,比如&#都可以,等效果出來了再改成空格。
<!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>

相關文章