JS中，可以通過嵌套兩層for循環(huán)來實現(xiàn)99乘法表，語法格式“for(var i=1;i<=9;i++){for(var j=1;j<=i;j++){document.write(j+"*"+i+"="+j*i+"&nbsp;");}}”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript實現(xiàn)99乘法表

首先我們來觀察一下九九乘法口訣表

可以得出圖表的規(guī)律：

• 總共有9行9列，第幾行就有幾個表達(dá)式。

• 第 i 行，表達(dá)式就從 i*1 開始，一直到 i*i 結(jié)束，共有 i 個表達(dá)式（這個效果我們可以通過一次循環(huán)實現(xiàn)）。

因此，需要使用雙重循環(huán)來控制輸出，外層循環(huán)控制行數(shù) i （i最小為1，最大為9），內(nèi)層循環(huán)控制列 j （j最小為1，最大等于 i）。

實現(xiàn)代碼：

for(var i = 1; i <= 9; i++){     //外層循環(huán)控制行 	for(var j = 1; j <= i; j++) //內(nèi)層循環(huán)控制列 	{ 		document.write(j+"*"+i+"="+j*i+"&nbsp;&nbsp;&nbsp;"); 	} 	document.write("</br>"); }

輸出結(jié)果：

我們還可以向開頭圖那樣，將99乘法表放到一個表格里輸出：

document.write("<table>");  for (var i = 1; i <= 9; i++) { //外層循環(huán)控制行 	document.write("<tr>"); 	for (var j = 1; j <= i; j++) //內(nèi)層循環(huán)控制列 	{ 		document.write("<td>" + j + "*" + i + "=" + j * i + "</td>"); 	} 	//換行，控制每行的輸出幾個表達(dá)式 	document.write("</tr>"); } document.write("</table>");

然后添加css樣式，來修飾一下：

table { 	width: 600px; 	border-collapse: separate; }  table td { 	border: #000 1px solid; 	text-align: center; }

看看輸出結(jié)果：

【推薦學(xué)習(xí)：javascript高級教程】