一、案例描述
- 在页面打印九九乘法表
- 在控制台打印九九乘法表
二、案例效果演示
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 = " " + i * j;
}
if (j <= i) {
document.write(j + "*" + i + "=" + num + " ");
}
}
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;
- 每行打印完毕,都需要重新换一行