娶了UI設計師的Python工程師-北歐生活

JavaScript中的第二種迴圈,要教你的是:while和do while迴圈,一直都分不清的你今天有福啦!

while 迴圈

只要條件成立，JavaScript 的「while 迴圈」就會重複執行一段程式碼。

while 迴圈的 JavaScript 語法如下

See the Pen JavaScript10-while-loop-1 by Tedutw (@Tedutw) on CodePen.

前端工程師們可以看看以下為 while 迴圈的範例：變數 i 的初始值等於 0、條件為「當 i 的值小於或等於 7 」時，就執行「顯示變數 i 的值，並且把 i 的值再加 1」。然後重複執行迴圈。

See the Pen JavaScript10-while-loop-2 by Tedutw (@Tedutw) on CodePen.

只要 i 小於或等於 7，迴圈將繼續執行程式。每次迴圈運行時，數值都會增加 1，於是輸出了 1 到 7 的值。

當條件一直成立時，迴圈則會繼續執行程式，直到條件不成立為止。前端工程師要注意的是：在下條件時要小心，如果條件一直成立的話，迴圈就會一直執行下去，不會停止。

do...while 迴圈

do...while 迴圈是 while 迴圈的變體。在檢查條件是否成立之前，此迴圈就會先執行一次程式碼了，然後只要條件為真，迴圈就會一直重複循環。

關於do...while 迴圈的 JavaScript 語法如下：

See the Pen JavaScript10-do-while-loop-3 by Tedutw (@Tedutw) on CodePen.

註：分號必須要寫在 do...while 迴圈的最末端，別忘了！

do...while 迴圈的範例如下：變數 i 的初始值等於 0、執行「顯示變數 i 的值，並且把 i 的值再加 1」、條件為「當 i 的值小於或等於 7 」。

See the Pen JavaScript10-do-while-loop-5 by Tedutw (@Tedutw) on CodePen.