返回列表 上一主題 發帖

[教學] (教學第6篇)JavaScript 迴圈敘述 while

小誌
　暱稱: 小誌
　頭銜: 曾經也是水電工

管理員Rank: 9Rank: 9Rank: 9

帖子
1190 
主題
394 
精華
113 
積分
1747 
點名
1  
作業系統
Vista 
軟體版本
Office 2003 
閱讀權限
200 
性別
男 
來自
台灣 
註冊時間
2010-5-1 
最後登錄
2024-11-23 

2021牛年全勤獎章好學求知勳章熱烈參與勳章2017 雞年全勤獎章2018 狗年全勤獎章2019 豬年全勤獎章2020鼠年全勤獎章
1# 跳轉到 » 倒序看帖
打印
tT
發表於 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的表格，如下圖：
8.png
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>
複製代碼
收藏 分享
心安，平安   
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

        靜思自在 : 君子為目標，小人為目的。
返回列表 上一主題