發表文章

目前顯示的是有「do-while迴圈」標籤的文章

JavaScript初學者的入門天地!(10)while相關迴圈

圖片
在JavaScript的for迴圈後頭的是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)sw...

JavaScript初學者的入門天地!(9)for迴圈

圖片
JavaScrip的for迴圈到底要用在哪!?一直搞不清楚的你,今天總算可以搞懂了! 迴圈 JavaScript 的「 迴圈(Loops) 」可以多次執行一組程式。當有多個值,需要重複執行同程式時,用「 迴圈(Loops) 」可說是非常方便! 前端工程師應該都知道: JavaScript 有三種迴圈: for 、 while 、 do while 。而最常用的 for 迴圈 ,它的 JavaScript 語法如下: 請參閱 CodePen 上的 Tedutw ( @Tedutw ) 的Pen JavaScript9-for-loop-1 。 看清楚了嗎?上例是典型的 for 迴圈( for loop )格式,包含三個條件敘述 (statement): 在迴圈開始之前執行「條件敘述 1」;接著,「條件敘述 2」定義了迴圈運行的條件;而在每次迴圈跑完之後,再執行「條件敘述 3」。 For 迴圈 以下的 for 迴圈範例中,顯示出 7 個等於或小於 7 的整數: 請參閱 CodePen 上 Tedutw ( @Tedutw ) 編寫 的Pen JavaScript9-for-loop-2 。 以上示例中,迴圈開始前,條件敘述 1 設置了一個變數(變數 i = 1); 條件敘述 2 定義了迴圈運行的條件(i 必須小於或等於 7)。 每次執行迴圈中的程式代碼後,條件敘述 3 都會增加一個值(i ++)。 條件敘述 1 是選擇性的:如果在迴圈開始前就已經定義了值,則可以將其省略。如下例( 前端工程師 請注意:因為在 for 迴圈之前便已經定義了「var i = 1」,因此 for 迴圈就省略了條件敘述 1): 請參閱 CodePen 上 Tedutw ( @Tedutw ) 的Pen JavaScript9-for-loop-3 。 如果條件敘述 2 結果為真(true),則迴圈將重頭開始執行;反之,迴圈將結束。與條件敘述 1 一樣,條件敘述 2 也是選擇性的(可以省略)。 如果省略條件敘述 2 ,則必須在迴圈內加一個 break。否則迴圈將不會結束。 條件敘述 3 用於更改初始變數。可以使用任何方式來修改變數,包括減去(i--)或增加(i = i + 15)等等。 ...