javascript案例28——九九乘法表（for循环）

一、案例描述

1. 在页面打印九九乘法表
2. 在控制台打印九九乘法表

二、案例效果演示

1.页面显示

2.控制台显示

三、案例局部代码

js代码方法1：

 var num = 0;
 for (var i = 1; i < 10; i++) {
      for (var j = 1; j < 10; j++) {
          num = i * j;
          //如果乘积是一位数，则前面添加两个空格保持队列
          if (num / 10 < 1) {
              num = "&nbsp;&nbsp;" + i * j;
          }
          if (j <= i) {
              document.write(j + "*" + i + "=" + num + "&nbsp;&nbsp;&nbsp;&nbsp;");
          }
      }
      document.write("<br />");
  }

js代码方法2：

 var str = '';
 for (var i = 1; i <= 9; i++) { // 外层循环控制行数
     for (var j = 1; j <= i; j++) { // 里层循环控制每一行的个数  j <= i
         str += j + '×' + i + '=' + i * j + '\t';
     }
     str += '\n';
 }
 console.log(str);

四、总结

• 一共有9行，但是每行的个数不一样，因此需要用到双重 for 循环
• 外层的 for 循环控制行数 i ，循环9次 ，可以打印 9 行
• 内层的 for 循环控制每行公式 j
• 核心算法：每一行 公式的个数正好和行数一致， j <= i;
• 每行打印完毕，都需要重新换一行