javascript怎么實現99乘法表

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

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript實現99乘法表

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

可以得出圖表的規律：

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

• 第 i 行，表達式就從 i*1 開始，一直到 i*i 結束，共有 i 個表達式（這個效果我們可以通過一次循環實現）。

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

實現代碼：

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

輸出結果：

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

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

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

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

看看輸出結果：

【推薦學習：javascript高級教程】