JavaScript的For循環如何運用

這篇文章主要介紹“JavaScript的For循環如何運用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JavaScript的For循環如何運用”文章能幫助大家解決問題。

假如您需要運行代碼多次，且每次使用不同的值，那么循環（loop）相當方便使用。

通常我們會遇到使用數組的例子：

不需要這樣寫：

text += cars[0] + "<br>"; 

text += cars[1] + "<br>"; 

text += cars[2] + "<br>"; 

text += cars[3] + "<br>"; 

text += cars[4] + "<br>"; 

text += cars[5] + "<br>"; 

您能夠這樣寫：

for （i = 0; i < cars.length; i++） { 

    text += cars[i] + "<br>";

 }

for 循環的語法如下：

for （語句 1; 語句 2; 語句 3） {

     要執行的代碼塊

}

語句 1 在循環（代碼塊）開始之前執行。

語句 2 定義運行循環（代碼塊）的條件。

語句 3 會在循環（代碼塊）每次被執行后執行。

實例

for （i = 0; i < 5; i++） {

     text += "數字是 " + i + "<br>";

}

從上面的代碼中，您可以了解到：

語句 1 在循環開始之前設置了一個變量（var i = 0）。

語句 2 定義運行循環的條件（i 必須小于 5）。

語句 3 會在代碼塊每次執行之后對值進行遞增（i++）。

語句 1

通常，您會使用語句 1 來初始化循環中所使用的的變量（i = 0）。

但情況并不總是這樣，JavaScript 不會在意。語句 1 是可選的。

您可以在語句 1 中初始化多個值（由逗號分隔）：

實例

for （i = 0, len = cars.length, text = ""; i < len; i++） { 

    text += cars[i] + "<br>";

}

而且您還可以省略語句 1（比如在循環開始前設置好值）：

實例

var i = 2;

var len = cars.length;

var text = "";

for （; i < len; i++） { 

    text += cars[i] + "<br>";

}

語句 2

通常語句 2 用于計算初始變量的條件。

但情況并不總是這樣，JavaScript 不會在意。語句 2 也是可選的。

如果語句 2 返回 true，那么循環會重新開始，如果返回 false，則循環將結束。

如果省略語句 2，那么必須在循環中提供一個 break。否則循環永遠不會結束。請在下一章閱讀更多關于 break 的內容。

語句 3

通常語句 3 會遞增初始變量的值。

但情況并不總是這樣，JavaScript 不會在意。語句 3 也是可選的。

語句 3 可做任何事情，比如負遞增（i--），正遞增（i = i + 15），或者任何其他事情。

語句 3 也可被省略（比如當您在循環內遞增值時）：

實例

var i = 0;

var len = cars.length;

for （; i < len; ） { 

    text += cars[i] + "<br>";

      i++;

}

關于“JavaScript的For循環如何運用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。