用js實現打印九九乘法表

時間 2021-01-19

標籤 html 學習測試 code htm blog 字符串 console 欄目 JavaScript 简体版

原文原文鏈接

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

運行結果

思考

在學習了流程控制和條件判斷後，咱們能夠利用js打印各式各樣的九九乘法表
無論是打印什麼樣三角形九九乘法表，咱們都應該找到有規律的地方，好比第一列的數字是什麼規律，第一行的數字是什麼規律，只要找到了共性，九九乘法表就很簡單了html

注意點

怎麼控制換行？
console.log()默認就是打印一次換一行，咱們這時候就須要把一行的乘法數字都經過字符串拼接在一塊兒，等這一行結束後，就在外層for循環裏打印，而不是在內層的循環。
怎麼實現每兩個數相乘後的間隔？
使用轉義字符 **\t **，至關於tab鍵
對於那些前面空的咱們怎麼處理？
其實用的就是空格，由於空格也是有規律的，也要額外用循環遍歷打印，大概兩個\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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。