(教學第6篇)JavaScript 迴圈敘述 while
[color=DarkOrange][size=5][b]while迴圈敘述[/b][/size][/color]當我們知道迴圈必須執行的次數時，for迴圈敘述就是最好的迴圈敘述，但是若不知道迴圈必須執行的次數呢，那我們就可以使用while迴圈敘述，其格式如下：[code]while (條件式)
{要重複執行的敘述區塊}[/code]While迴圈敘述是由保留字while開始，在其後是一個條件式，而這個條件式則是一個布林值運算式，如果這個條件式成立（布林值運算結果為True），那麼在『{}』裡的敘述（敘述區塊）就會執行至結尾，然後再判斷條件式，當這個條件式不再成立時，while迴圈敘述就會停止執行。現在我們來比較一下for與while迴圈敘述：計算1加至10：
[color=Magenta]for寫法：[/color][code]Y=0;
for (x=1 ; x<=10 ; x++)
{
y=y+x;
}[/code][color=Magenta]while寫法：[/color][code]X=1;
Y=0;
While (X <= 10)
{
Y=Y+X;
X=X+1;
}[/code]看完這兩個敘述的比較，您是不是發現：同樣的功能，但是while迴圈敘述似乎麻煩多了，不過，若不知道迴圈會執行幾次，還是while迴圈敘述比較適合，如下例：
[color=Green][b][size=4] 實做學習[/size][/b][/color]
請設計一JavaScript程式，計算6561是3的幾次方，並將答案顯示於網頁中。[code]<BODY>
6561是3的：
<Script LANGUAGE="JavaScript">
test=6561;
ans=0;
while (test>1)
{
test=test/3;
ans=ans+1;
}
document.write(ans+"次方")
</Script>
</BODY>[/code][color=Green][b][size=4] 實做學習[/size][/b][/color]
請設計一JavaScript程式，在網頁中產生一4*5的表格，如下圖：
[attach]158[/attach]
[color=Magenta]while迴圈解法[/color][code]<SCRIPT Language="JavaScript">
x=1;
y=1 ;
document.write("<table border=1>");
while (x<5)
{
document.write("<tr>");
while (y<6)
{
document.write("<td>;(" + x + "," +y +")</td>");
y++;
}
document.write("</tr>");
x++;
y=1;
}
document.write("</table>");
</SCRIPT> [/code][color=Magenta]for迴圈解法[/color][code]<SCRIPT Language="JavaScript">
document.write("<table border=1>");
for (x=1 ; x<5 ; x++)
{
document.write("<tr>");
for (y=1 ; y<6 ; y++)
{
document.write("<td>(" + x + "," +y +")</td>");
}
document.write("</tr>");
}
document.write("</table>");
</SCRIPT> [/code]
頁:
[1]