close

Javascript入門就把for迴圈學起來!

Javascript入門就把for迴圈學起來!

 

迴圈

JavaScript迴圈(Loops)」是可以多次執行一組程式的。如果有多個值,需要重複執行同程式的時候,用「迴圈(Loops)」非常方便。

JavaScript 有三種迴圈:forwhile 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入門磚7條件式

 

Javascript入門磚8條件判斷式

 

Javascript入門磚10 while和do while迴圈

 

透過對的Java課程,讓你從茫然的畢業生中脫穎而出!

 

今天整理給你!前端工程師.後端工程師.全端工程師的超級比一比!

 

教你如何分辨Python.Java第二部曲

 

還不知道前端工程師該具備什麼能力?這篇可以輕鬆幫助到你!

 

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

 

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

 

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

 

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

 

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

arrow
arrow
    創作者介紹
    創作者 Ezra.Yii5778 的頭像
    Ezra.Yii5778

    Java課程是為了今日.Python課程是為了將來

    Ezra.Yii5778 發表在 痞客邦 留言(0) 人氣()