Site Loader

JavaScript不藏私教學- while 、do…while 迴圈

JavaScript不藏私教學- while 、do...while 迴圈
JavaScript不藏私教學- while 、do…while 迴圈

 

要當優秀的前端工程師 JavaScript while 迴圈是基礎語言,它會多次執行一組程式。前端工程師do…while 迴圈是 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.

 

相關文章:

JavaScript不藏私教學大公開- for 迴圈

 

JavaScript教學大公開–switch 條件式

 

JavaScript教學大公開

 

透過對的Java課程,讓你從茫然的畢業生中脫穎而出!

 

還在為成為專業IT人煩惱?!選對Java課程讓你輕鬆到位!

 

人人都能是工程師!台灣 IT 培訓中心推「找到工作再付學費」專案,要試試嗎?

 

達內教育開幕 培養台灣IT人才進入全球企業

 

2天考取Google Ads證照!新手廣告投放攻略

 

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

 

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

 

零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

 

從無到有 挑戰14小時取得Google證照