close

學會Javascript,程式輕鬆寫(十)-兩種while迴圈

想要學會當今最火的JavaScript嗎?那你一定不能錯過本日的教學哦!(十)

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,程式輕鬆寫(十一)-跳出/重新執行迴圈


學會Javascript,程式輕鬆寫(一)-如何在網頁中嵌入


學會Javascript,程式輕鬆寫(二)-變數


網路行銷的7大心法4- SEM與KOL口碑行銷是不可或缺的!


前端工程師入門款小常識-CSS碼特性一下就上手!


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


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


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


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


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


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


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

 

 

 

 

 

 

 

 

arrow
arrow
    文章標籤
    JavaScript JavaScript教學 前端工程師 迴圈 while迴圈 do-while迴圈
    全站熱搜

    uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄