快捷導航

JS實現(xiàn)上下左右對稱的九九乘法表

更新時間：2016年02月22日 08:52:48 作者：jerrylsxu

九九乘法表使用很多種語言都可以實現(xiàn)，本文給大家介紹js使用for、while循環(huán)來完成四種對稱的九九乘法表，對九九乘法表需要的朋友參考下

九九乘法表使用很多種語言都可以實現(xiàn)。本文講述JavaScript中常用的兩種循環(huán)（For、While）來完成這四種對稱的九九乘法表，這個例子是一個練習循環(huán)基礎(chǔ)很好的方法，由于排版上對不整齊，因此循環(huán)了一個表格。

一、左下角為度的梯形乘法表：

For循環(huán)代碼

document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循環(huán)代碼

document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i++;
}
document.write("</table>");

示例圖

二、右下角為度的梯形乘法表：

For循環(huán)代碼

document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var n=i; n<; n++){
document.write("<td>&nbsp;</td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循環(huán)代碼

document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var n = i;
while(n<){
document.write("<td>&nbsp;</td>");
n++;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i++;
}
document.write("</table>");

示例圖

三、左上角為度的梯形乘法表：

For循環(huán)代碼

document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循環(huán)代碼

document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i--;
}
document.write("</table>");

示例圖

四、右上角為度的梯形乘法表：

For循環(huán)代碼

document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j>=i; j--){
document.write("<td>&nbsp;</td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循環(huán)代碼

document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j>=i){
document.write("<td>&nbsp;</td>");
j--;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i--;
}
document.write("</table>");

示例圖