1.打印乘法口訣表

1.1 思路圖解

1.1.1 乘法口訣表 整體思路分析

共 9 行 9 列（列數(shù)逐行遞減）

乘法口訣表

1.1.2 實現(xiàn)思路

• 行的生成：想 怎么生成行？
• 列的生成：想 如何 在行中 生成 多少個列？
• 列內(nèi)容的生成：想 每個列的 算式 如何生成？
• 所有的內(nèi)容，都以字符串的方式 在 console.log()打印出來~~

1.2 代碼實現(xiàn)

1.2.1 行的生成

目標：生成9行，每行1個星星

生成9行，每行1個星星

• 行數(shù)：乘法口訣表一共 9 行
• 內(nèi)容：在每行內(nèi)容的結(jié)尾處 添加一個 換行符\r ，以實現(xiàn)換行效果

小技巧：可以看成拼接在一起的 9 個 字符串，輸出時，可以用一個變量str保存
? 通過 console.log(str) 一次輸出

1.2.2 列的生成

列的生成

• 分析：每一行的 列數(shù) 和 行數(shù) 成關(guān)聯(lián)關(guān)系：行號 + 列數(shù) = 10，那么每行要生成的列數(shù)可以算出。
• 列數(shù)計算方式：10 - 行號 = 當前行的 列數(shù)

1.2.3 列內(nèi)容的生成(算式)

目標：將每個 星星 換成 對應(yīng)的 乘法算式

• 列的循環(huán)

  
  
  列的循環(huán)

• 列里的算式
  如第2行第3列： 3 * 8 = 24 , 字符串拼接: 列號 + "*" + (10-行號) + "=" + (列數(shù) * (10-行數(shù)))
  

  列里的算式

1.3小結(jié)

• 代碼

var strKouJueBiao = '';
//1.使用一個 for 循環(huán) 來循環(huán)生成行
for(var row = 1; row <= 9; row++){
    //2. 打印 列
    for(var col = 1; col <= 10 - row; col ++ ){
        //3. 生成算式，最后 制表符 會讓格式好看點
        strKouJueBiao += col + ' * ' + (10-row) + ' = ' + (10-row)*col + '\t';
    }
    //4.每行都要換行
    strKouJueBiao += '\n';
}
console.log(strKouJueBiao);

• 注意
  • 雙重嵌套循環(huán) 通常用來生成表格類似結(jié)構(gòu)
  • 外部循環(huán)與內(nèi)部循環(huán)的條件可以相關(guān)聯(lián)
  • 在字符串中，可以使用 \r 和 \t 分別實現(xiàn) 換行 和 退格