JavaScript初學者該知道的事(10)while相關迴圈

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.

 

延伸閱讀看這裡:

JavaScript初學者該知道的事(8)switch的使用

JavaScript初學者該知道的事(9)for迴圈

JavaScript初學者該知道的事(11)跳出和繼續的迴圈

HR不會告訴你的Java課程工程師的履歷秘密

主管級業務不輕信網上惡評達內PTT,在達內晉身Java工程師!!

程式語言夯!大家都在上Java課程了,你確定你可以不用上嗎?

達內教育海外合作企業

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

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

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

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

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

arrow
arrow
    創作者介紹
    創作者 Uder.chain 的頭像
    Uder.chain

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

    Uder.chain 發表在 痞客邦 留言(0) 人氣()