九九乘法表共 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); }
效果顯示圖:
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 }
效果圖:
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 }
效果圖:
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 }
效果圖: