JavaScript教學9.for迴圈

 對Javascript有興趣嗎?免費入門教學在這裡!本篇是9. for迴圈

迴圈

前端工程師 在程式語言JavaScript 的「迴圈（Loops）」可以多次執行一組程式。當有多個值，當需要重複執行同程式時，用「迴圈（Loops）」非常方便。
JavaScript 有三種迴圈：for、while、 do while 。最常用的 for 迴圈的 JavaScript 語法如下：

See the Pen JavaScript9-for-loop-1 by Tedutw (@Tedutw) on CodePen.

上例是典型的 for 迴圈（for loop）格式，包含三個條件敘述 （statement）：
在迴圈開始之前執行「條件敘述 1」；
「條件敘述 2」定義了迴圈運行的條件;
每次迴圈跑完之後，執行「條件敘述 3」。

For 迴圈

以下的 for 迴圈範例中，顯示出 7 個等於或小於 7 的整數：

See the Pen JavaScript9-for-loop-2 by Tedutw (@Tedutw) on CodePen.

以上示例中，迴圈開始前，條件敘述 1 設置了一個變數（變數 i = 1）；
條件敘述 2 定義了迴圈運行的條件（i 必須小於或等於 7）。
每次執行迴圈中的程式代碼後，條件敘述 3 都會增加一個值（i ++）。
條件敘述 1 是選擇性的：如果在迴圈開始前就已經定義了值，則可以將其省略。如下例 (因為在 for 迴圈之前便已經定義了「var i = 1」，因此 for 迴圈就省略了條件敘述 1 )：

See the Pen JavaScript9-for-loop-3 by Tedutw (@Tedutw) on CodePen.

如果條件敘述 2 結果為真（true），則迴圈將重頭開始執行；反之，迴圈將結束。與條件敘述 1 一樣，條件敘述 2 也是選擇性的(可以省略)。
如果省略條件敘述 2 ，則必須在迴圈內加一個 break。否則迴圈將不會結束。
條件敘述 3 用於更改初始變數。可以使用任何方式來修改變數，包括減去（i--）或增加（i = i + 15）等等。
條件敘述 3 也是選擇性的(可以省略)，如果在迴圈內增加值，則可以將其省略。

See the Pen JavaScript9-for-loop-4 by Tedutw (@Tedutw) on CodePen.

參考連結:

JavaScript教學6.邏輯運算子

JavaScript教學8.條件判斷式

JavaScript教學10.while.do while迴圈

有了它人人都可精準選角拍電影?交給人工智慧準沒錯?

還不懂Python的你趕緊看過來,為你獻上基礎介紹(一)

還不懂Python的你趕緊看過來,為你獻上基礎介紹(二)

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

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

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

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


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