數位書香: (06)JavaScript 迴圈敘述 while

2019年2月18日星期一

(06)JavaScript 迴圈敘述 while

while迴圈敘述
當我們知道迴圈必須執行的次數時，for迴圈敘述就是最好的迴圈敘述，但是若不知道迴圈必須執行的次數呢，那我們就可以使用while迴圈敘述，其格式如下：

while (條件式)
{要重複執行的敘述區塊}

While迴圈敘述是由保留字while開始，在其後是一個條件式，而這個條件式則是一個布林值運算式，如果這個條件式成立（布林值運算結果為True），那麼在『{}』裡的敘述（敘述區塊）就會執行至結尾，然後再判斷條件式，當這個條件式不再成立時，while迴圈敘述就會停止執行。現在我們來比較一下for與while迴圈敘述：計算1加至10：
for寫法：

Y=0;
for (x=1 ; x<=10 ; x++)
{
y=y+x;
}

複製代碼

while寫法：

X=1;
Y=0;
While (X <= 10)
{
Y=Y+X;
X=X+1;
}

複製代碼

看完這兩個敘述的比較，您是不是發現：同樣的功能，但是while迴圈敘述似乎麻煩多了，不過，若不知道迴圈會執行幾次，還是while迴圈敘述比較適合，如下例：

實做學習
請設計一JavaScript程式，計算6561是3的幾次方，並將答案顯示於網頁中。

<BODY>
6561是3的：
<Script LANGUAGE="JavaScript">
test=6561;
ans=0;
while (test>1)
{
test=test/3;
ans=ans+1;
}
document.write(ans+"次方")
</Script>
</BODY>

複製代碼

實做學習
請設計一JavaScript程式，在網頁中產生一4*5的表格，如下圖：

while迴圈解法

<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>

for迴圈解法

<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>

Powerpoint

2019年2月18日星期一

(06)JavaScript 迴圈敘述 while

沒有留言:

張貼留言

版權宣告

Powerpoint

2019年2月18日 星期一

(06)JavaScript 迴圈敘述 while

沒有留言:

張貼留言

2019年2月18日星期一