JavaScript While 及Do While 迴圈


目錄 : 網頁設計學習課程參考

JavaScript 除了for 迴圈之外尚有While 及Do While 迴圈. While 迴圈語法如下:

                 while(條件式) {
                      ---重覆地執行的程式---
                 }

括號中的執行必需產出true或false. 若條件為true, 則執行大括號中的程式碼. 在大括號中的程式碼必需記得要更新While 迴圈條件式所用到的相關資訊, 以便While 迴圈重新估計條件式以決定是否要繼續執行While 迴圈. 切記小心不要使條件式值永遠為true而成為無窮迴圈. 若條件為false, 則會越過大括號執行後續的程式碼.

另一個JavaScript 迴圈 Do While 迴圈語法如下:

                 do {
                      ---重覆地執行的程式---
                 } while(條件式)

Do While 迴圈和While 迴圈不同之處在於Do While 迴圈會先進入大括號中執行其中的程式一次, 再執行下方之While條件式, 以估計是否要繼續執行迴圈. 而While 迴圈則是先行計算條件式看是否要迴圈.

範例

現在我們用While迴圈把先前示範中大約估計Euler Number e=2.71828182... 的例子由for 迴圈改用While迴圈重做 . Euler Number e可被表示為

                  e = 1 + 1/1! + 1/2! + 1/3! + ....

程式碼如下:


執行上述程式所得結果如下:


上述例子亦可用Do While 迴圈重做, 程式碼如下:


執行上述程式所得結果相同.


範例

在本例子中我們要求使用者輸一個偶數. 如果使用者輸入的是奇數, 或者是沒有輸入任何東西, 則請使用者重新輸入. 我們只需要在Do While 迴圈中放一個先前介紹的prompt指令, 並設一下While條件式即可.

程式碼如下:



執行上述程式所得結果如下:

首先我們在prompt視窗中輸入3, 並按下確定鍵.

因3不是偶數, prompt視窗再次出現. 這次我們輸入2, 並按下確定鍵.


所得結果如下




PS: 版權所有,侵犯著作權必告.


留言