Javascript新手上路(九):for迴圈

Javascript新手上路(九):for迴圈
Javascript新手上路(九):for迴圈

時下最熱門的程式語言之一JavaScript開始學了嗎?正式上課前先看看我們為你準備的文章吧!!(九)

迴圈

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和前端工程師的文章請點下方連結!!

 

 

 

其他閱讀

Javascript新手上路(十):while迴圈

Javascript新手上路(十一):跳,不跳出迴圈

重新學習UI UX Python課程 打好基礎輕鬆領高薪

有一個傳說 來上Java課程還能任高薪職缺 媒合率竟高達百分之90

人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到

美國NASDAQ上市公司、外商IT教育培訓企業

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

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

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

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *