JavaScript的For循環(huán)如何運(yùn)用

這篇文章主要介紹“JavaScript的For循環(huán)如何運(yùn)用”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“JavaScript的For循環(huán)如何運(yùn)用”文章能幫助大家解決問(wèn)題。

假如您需要運(yùn)行代碼多次，且每次使用不同的值，那么循環(huán)（loop）相當(dāng)方便使用。

通常我們會(huì)遇到使用數(shù)組的例子：

不需要這樣寫(xiě)：

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

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

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

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

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

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

您能夠這樣寫(xiě)：

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

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

 }

for 循環(huán)的語(yǔ)法如下：

for （語(yǔ)句 1; 語(yǔ)句 2; 語(yǔ)句 3） {

     要執(zhí)行的代碼塊

}

語(yǔ)句 1 在循環(huán)（代碼塊）開(kāi)始之前執(zhí)行。

語(yǔ)句 2 定義運(yùn)行循環(huán)（代碼塊）的條件。

語(yǔ)句 3 會(huì)在循環(huán)（代碼塊）每次被執(zhí)行后執(zhí)行。

實(shí)例

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

     text += "數(shù)字是 " + i + "<br>";

}

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

語(yǔ)句 1 在循環(huán)開(kāi)始之前設(shè)置了一個(gè)變量（var i = 0）。

語(yǔ)句 2 定義運(yùn)行循環(huán)的條件（i 必須小于 5）。

語(yǔ)句 3 會(huì)在代碼塊每次執(zhí)行之后對(duì)值進(jìn)行遞增（i++）。

語(yǔ)句 1

通常，您會(huì)使用語(yǔ)句 1 來(lái)初始化循環(huán)中所使用的的變量（i = 0）。

但情況并不總是這樣，JavaScript 不會(huì)在意。語(yǔ)句 1 是可選的。

您可以在語(yǔ)句 1 中初始化多個(gè)值（由逗號(hào)分隔）：

實(shí)例

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

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

}

而且您還可以省略語(yǔ)句 1（比如在循環(huán)開(kāi)始前設(shè)置好值）：

實(shí)例

var i = 2;

var len = cars.length;

var text = "";

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

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

}

語(yǔ)句 2

通常語(yǔ)句 2 用于計(jì)算初始變量的條件。

但情況并不總是這樣，JavaScript 不會(huì)在意。語(yǔ)句 2 也是可選的。

如果語(yǔ)句 2 返回 true，那么循環(huán)會(huì)重新開(kāi)始，如果返回 false，則循環(huán)將結(jié)束。

如果省略語(yǔ)句 2，那么必須在循環(huán)中提供一個(gè) break。否則循環(huán)永遠(yuǎn)不會(huì)結(jié)束。請(qǐng)?jiān)谙乱徽麻喿x更多關(guān)于 break 的內(nèi)容。

語(yǔ)句 3

通常語(yǔ)句 3 會(huì)遞增初始變量的值。

但情況并不總是這樣，JavaScript 不會(huì)在意。語(yǔ)句 3 也是可選的。

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

語(yǔ)句 3 也可被省略（比如當(dāng)您在循環(huán)內(nèi)遞增值時(shí)）：

實(shí)例

var i = 0;

var len = cars.length;

for （; i < len; ） { 

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

      i++;

}

關(guān)于“JavaScript的For循環(huán)如何運(yùn)用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。