你的位置:首页 > Java教程

[Java教程]上下左右对称的九九乘法表


如题所示,九九乘法表在各个技术语言几乎都能做得到,并不是特别的希罕。本文讲述JavaScript中常用的两种循环(For、While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格。

 

一、左下角为90度的梯形乘法表:

For循环代码

1 document.write("<table width='600' border=0'>");2   for(var i=1; i<=9; i++){3     document.write("<tr>");4     for(var j=1; j<=i; j++){5       document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");6     }7     document.write("</tr>");8   }9 document.write("</table>");

While循环代码

 1 document.write("<table width='600' border=0'>"); 2 var i = 1; 3 while(i<=9){ 4   document.write("<tr>"); 5   var j = 1; 6   while(j<=i){ 7     document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>"); 8     j++; 9   }10   document.write("</tr>");11   i++;12 }13 document.write("</table>");

 示例图

 

二、右下角为90度的梯形乘法表:

For循环代码

 1 document.write("<table width='600' border=0'>"); 2 for(var i=1; i<=9; i++){ 3   document.write("<tr>"); 4   for(var n=i; n<9; n++){ 5     document.write("<td>&nbsp;</td>"); 6   } 7   for(var j=i; j>=1; j--){ 8     document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>"); 9   }10   document.write("</tr>");11 }12 document.write("</table>");

While循环代码

 1 document.write("<table width='600' border=0'>"); 2 var i = 1; 3 while(i<=9){ 4   document.write("<tr>"); 5   var n = i; 6   while(n<9){ 7     document.write("<td>&nbsp;</td>"); 8     n++; 9   }10   var j = i;11   while(j>=1){12     document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");13     j--;14   }15   document.write("</tr>");16   i++;17 }18 document.write("</table>");

 示例图

 

三、左上角为90度的梯形乘法表:

For循环代码

1 document.write("<table width='600' border=0'>");2 for(var i=9; i>=1; i--){3   document.write("<tr>");4   for(var j=1; j<=i; j++){5     document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");6   }7   document.write("</tr>");8 }9 document.write("</table>");

While循环代码

 1 document.write("<table width='600' border=0'>"); 2 var i = 9; 3 while(i>=1){ 4   document.write("<tr>"); 5   var j = 1; 6   while(j<=i){ 7     document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>"); 8     j++; 9   }10   document.write("</tr>");11   i--;12 }13 document.write("</table>");

 示例图

 

四、右上角为90度的梯形乘法表:

For循环代码

 1 document.write("<table width='600' border=0'>"); 2 for(var i=9; i>=1; i--){ 3   document.write("<tr>"); 4   for(var j=8; j>=i; j--){ 5     document.write("<td>&nbsp;</td>"); 6   } 7   for(var j=i; j>=1; j--){ 8     document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>"); 9   }10   document.write("</tr>");11 }12 document.write("</table>");

While循环代码

 1 document.write("<table width='600' border=0'>"); 2 var i = 9; 3 while(i>=1){ 4   document.write("<tr>"); 5   var j = 8; 6   while(j>=i){ 7     document.write("<td>&nbsp;</td>"); 8     j--; 9   }10   var j = i;11   while(j>=1){12     document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");13     j--;14   }15   document.write("</tr>");16   i--;17 }18 document.write("</table>");

 示例图