Board logo

標題: [教學] (教學第6篇)JavaScript 迴圈敘述 while [打印本頁]
作者: 小誌    時間: 2010-5-9 18:22     標題: (教學第6篇)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的表格，如下圖：
[attach]158[/attach]
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>
複製代碼




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)