雲端平台

迴圈

在程式領域裡，迴圈是常常使用的基本功能之一，迴圈表現的是重複執行的過程，可以將需要重複執行的程式碼放在迴圈內，就能指定次數，或是無窮盡的執行下去。

打開 Webduino Blockly ( https://blocklypro.webduino.io )，展開左側目錄「基本功能」，點選「迴圈」，可以看到對應的迴圈積木。

迴圈積木

以下迴圈積木的解說，將會使用網頁互動測試區域展示，打開網頁互動測試區，下拉選單選擇「顯示文字」，左側積木的目錄最下方會出現「顯示文字」相關積木，接下來將會使用這些積木來顯示數學式所運算的結果。

網頁互動 - 顯示文字

(積木) 重複執行幾次

透過這個積木，可以指定迴圈內的程式要執行幾次，預設是執行 10 次。

重複執行幾次積木

舉例來說，先設定變數 a 等於 0，然後在每次執行迴圈的時候都把變數 a 加 1，這樣執行十次之後，得到的結果就會是 10。

顯示重複執行積木結果

由於每次回圈執行的速度是很快的 ( 有時甚至零點幾毫秒內就執行完 )，所以可以在迴圈內加入「等待」的功能，就可以看到數字依序往上累加。

等待的積木在「進階功能 > 等待」目錄下。

重複執行加入等待積木

使用迴圈有個要注意的地方，就是放在迴圈後方的程式，會在迴圈結束之後才會執行，例如在剛剛的迴圈後方加上「顯示結束了」的積木，就會在 1 到 10 之後才會顯示。

放在迴圈後方的程式，會在迴圈結束後才執行

(積木) 無窮迴圈

無窮迴圈是在撰寫程式的時候，很常遇到的迴圈用法，相對於「有次數」的迴圈，無窮迴圈會無止盡地重複下去，除非透過壹些邏輯判斷或手動將其停止。

初學者使用無窮迴圈，務必搭配「等待」進行操作，避免無窮迴圈耗盡系統資源產生當機的狀況。

無窮迴圈積木

無窮迴圈的下拉選單有兩個選項，第一個選項是「當」，表示「當發生什麼事情，迴圈會啟動」，第二個選項是「直到」，表示「直到發生什麼事情，迴圈會停止」，使用上要特別注意。

無窮迴圈積木選項

「時鐘」是無窮迴圈的典型範例，透過無窮迴圈，每一秒讀取一次當前的時間並且顯示，就變成了時鐘，如果無窮迴圈設定為「直到」，而且不給予任何停止迴圈的條件，這個迴圈就會不間斷地顯示時間。

無窮迴圈製作時鐘

如果要停止無窮迴圈，最簡單的方法可以在「直到」的缺口放入判斷條件，以上面時鐘的例子，可以指定一個變數 sec 為當前的秒數，如果當變數 sec 等於 0 就把迴圈停止，並且顯示迴圈停止的文字。

停止無窮迴圈

再舉另外一個例子，把網頁互動區域下拉選單選擇「點擊燈泡」，實作「用滑鼠點選燈泡燈泡會閃爍，再點選一次就會熄滅」的效果。

網頁互動 - 點擊燈泡

一開始先設定變數 a 為「否」，並設定燈泡為 off，在點擊燈泡的時候，判斷如果變數 a 是「否」，就把變數 a 改為「真」，並執行每 0.2 秒切換燈泡狀態的回無窮迴圈，而這個無窮迴圈會在變數 a 為「否」的時候停下，而點擊燈泡的另外一個判斷，就是判斷當變數 a 為「真」的時候，將變數 a 改為「否」。

注意，一定要加入等待 0.2 秒的積木，等待的積木在「進階功能 > 等待」目錄下。

換句話說就是當燈泡在閃爍的時候，用滑鼠點擊燈泡，燈泡就會停止閃爍並且關閉，而燈泡處於關閉狀態時，點擊燈泡，燈泡就會開始閃爍。

範例解答：https://reurl.cc/dnz032

利用無窮迴圈切換燈泡狀態

(積木) 指定間隔迴圈

指定間隔迴圈會先指定一個變數，並限制一個數字範圍，然後將這個數字範圍的數字對應到變數上，並透過指定數值得累加，就可以從小到大、或從大到小執行範圍內的程式動作。

指定間隔迴圈

如果把剛剛累加數字的迴圈套用進來，只需要每隔 0.2 秒在指定間隔回圈內顯示變數 i 就可以。

套用累加數字的迴圈

除了基本的加 1，可以改變數字範圍以及累加的數值，例如把數字範圍改成 0 到 100，間隔數字改成 10，就可以變成 10、20、30 的依序顯示。

改變數字範圍及累加數值

(積木) 列表透過迴圈取值

因為列表是由「很多個」內容組成，所以使用「列表透過迴圈取值」可以輕鬆的把每個內容一一取出，迴圈預設的變數也會直接等於取出來的內容。

列表透過迴圈取值

舉例來說在這個迴圈後方放入一個列表，內容分別填入 iphone、ipad、imac、ibook 和 iiiii，執行後就會每 0.5 秒依序顯示列表內容。

顯示列表內容

除了直接放入列表，如果列表內容太多，也可以用變數去裝載列表，然後在回圈後方放入變數，執行之後也會是一樣的效果。

利用變數裝載列表

(積木) 停止迴圈

停止回圈積木顧名思義就是將回圈停止，下拉選單還有另外一個選項是繼續下一個迴圈，這個積木只能在回圈內使用，如果放在回圈外，就會出現驚嘆號的提示。

停止迴圈積木

如果把前面「指定間隔迴圈」搭配「停止迴圈」，就可以讓迴圈還沒到 20 的時候就停下來，並且顯示迴圈停止了的文字。

「指定間隔迴圈」搭配「停止迴圈」

如果使用列表的迴圈，甚至也可以做文字的判斷，列表中出現對應的文字，就把迴圈停下來。

利用列表中對應文字停止迴圈