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. 九九乘法表关于左上角对齐直角三角形。

代码块:

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

效果图:
JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形_第2张图片
3. 九九乘法表关于右上角对齐直角三角形。

代码块:

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

效果图:
JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形_第3张图片
4. 九九乘法表关于右下角对齐直角三角形。

代码块:

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

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

你可能感兴趣的:(JavaScript,js,javascript,js)