javascript如何實(shí)現(xiàn)99乘法表

小編給大家分享一下javascript如何實(shí)現(xiàn)99乘法表，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

JS中，可以通過嵌套兩層for循環(huán)來實(shí)現(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實(shí)現(xiàn)99乘法表

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

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

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

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

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

實(shí)現(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乘法表放到一個(gè)表格里輸出：

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>");
	}
	//換行，控制每行的輸出幾個(gè)表達(dá)式
	document.write("</tr>");
}
document.write("</table>");

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

table {
	width: 600px;
	border-collapse: separate;
}

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

看看輸出結(jié)果：

以上是“javascript如何實(shí)現(xiàn)99乘法表”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！