JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形

        九九乘法表共 9 行 9 列,以下通过JavaScript代码块的控制,来实现关于九九乘法表的左下、左上、右下、右上对齐形成三角形的效果。

注意:(1)掌握 for 循环及多层for循环的使用。
          (2)分清代表行号与列号的变量,注意输出顺序。
          (3)右对齐的时候,左空白部分要用空格输出控制。

1. 九九乘法表关于左下角对齐直角三角形。

代码块:

//双层for循环
for (var i=1;i<=9;i++){
var str = '';
for(var j=1;j<=i;j++){
str += j+'*'+i+'='+j*i+'\t';
}
console.log(str);
}

 效果显示图:

JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形_第1张图片

 

 

2. 九九乘法表关于左上角对齐直角三角形。

代码块:

1 for(var i=9;i>0;i--){
2 var str = '';
3 for(var j=1;j<=i;j++){
4 str += j+'*'+i+'='+j*i+'\t';
5 }
6 console.log(str);
7 }

 效果图:

JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形_第2张图片

 

 

3. 九九乘法表关于右上角对齐直角三角形。

代码块:

1 for(var i=9;i>=1;i--){
2 var str = '';
3 for(var j=9;j>=1;j--){
4 str += j>i?' ':j+'*'+i+'='+i*j+'\t';
5 }console.log(str);
6 }

效果图:

JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形_第3张图片

 

 

4. 九九乘法表关于右下角对齐直角三角形。

代码块:

1 for(var i=1;i<=9;i++){
2 var str = '';
3 for(var j=9;j>i;j--){
4 str +=' ';
5 }for(j=i;j>0;j--){
6 str += i+'*'+j+'='+i*j+'\t';
7 }console.log(str);
8 } 

效果图:

JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形_第4张图片

 

 



你可能感兴趣的:(JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形)