2019年2月18日 星期一

(06)JavaScript 迴圈敘述 while

while迴圈敘述
當我們知道迴圈必須執行的次數時,for迴圈敘述就是最好的迴圈敘述,但是若不知道迴圈必須執行的次數呢,那我們就可以使用while迴圈敘述,其格式如下:
  1. while  (條件式)  
  2.        {要重複執行的敘述區塊}
While迴圈敘述是由保留字while開始,在其後是一個條件式,而這個條件式則是一個布林值運算式,如果這個條件式成立(布林值運算結果為True),那麼在『{}』裡的敘述(敘述區塊)就會執行至結尾,然後再判斷條件式,當這個條件式不再成立時,while迴圈敘述就會停止執行。現在我們來比較一下for與while迴圈敘述:計算1加至10:
for寫法:
  1. Y=0;
  2. for (x=1 ; x<=10 ;  x++)
  3. {
  4. y=y+x;
  5. }
複製代碼
while寫法:
  1. X=1;
  2. Y=0;
  3. While (X <= 10) 
  4. {
  5.       Y=Y+X;
  6.        X=X+1;
  7. }
複製代碼
看完這兩個敘述的比較,您是不是發現:同樣的功能,但是while迴圈敘述似乎麻煩多了,不過,若不知道迴圈會執行幾次,還是while迴圈敘述比較適合,如下例:

實做學習
請設計一JavaScript程式,計算6561是3的幾次方,並將答案顯示於網頁中。
  1. <BODY>
  2. 6561是3的:
  3. <Script LANGUAGE="JavaScript">
  4. test=6561;
  5. ans=0;
  6. while (test>1)
  7. {
  8. test=test/3;
  9. ans=ans+1;
  10. }
  11. document.write(ans+"次方")
  12. </Script>
  13. </BODY>
複製代碼

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

while迴圈解法
  1. <SCRIPT Language="JavaScript">
  2. x=1;
  3. y=1 ;
  4. document.write("<table border=1>");
  5. while (x<5)
  6. {
  7. document.write("<tr>");
  8.   while (y<6)
  9.   {
  10.    document.write("<td>;(" + x + "," +y +")</td>");
  11.    y++;
  12.   }
  13. document.write("</tr>");
  14. x++;
  15. y=1;
  16. }
  17. document.write("</table>");
  18. </SCRIPT>
for迴圈解法
  1. <SCRIPT Language="JavaScript">
  2. document.write("<table border=1>");
  3. for (x=1 ; x<5 ; x++)
  4. {
  5. document.write("<tr>");
  6.   for (y=1 ; y<6 ; y++)
  7.   {
  8.    document.write("<td>(" + x + "," +y +")</td>");
  9.   }
  10. document.write("</tr>");
  11. }
  12. document.write("</table>");
  13. </SCRIPT>

沒有留言:

張貼留言