JavaScript 循環(huán)
如果您希望一遍又一遍地運(yùn)行相同的代碼疹瘦,并且每次的值都不同舟奠,那么使用循環(huán)是很方便的胆剧。
?不同類型的循環(huán)
JavaScript 支持不同類型的循環(huán):
for - 循環(huán)代碼塊一定的次數(shù)
for/in - 循環(huán)遍歷對(duì)象的屬性
while - 當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊
do/while - 同樣當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊
?For 循環(huán)
for 循環(huán)是您在希望創(chuàng)建循環(huán)時(shí)常會(huì)用到的工具骇塘。
下面是 for 循環(huán)的語法:
for (語句 1; 語句 2; 語句 3)
? {
? 被執(zhí)行的代碼塊
? }
語句 1 在循環(huán)(代碼塊)開始前執(zhí)行
語句 2 定義運(yùn)行循環(huán)(代碼塊)的條件
語句 3 在循環(huán)(代碼塊)已被執(zhí)行之后執(zhí)行
實(shí)例
for (var i=0; i<5; i++)
? {
? x=x + "The number is " + i + "<br>";
? }
語句一
通常我們會(huì)使用語句 1 初始化循環(huán)中所用的變量 (var i=0)汛闸。
語句 1 是可選的捉片,也就是說不使用語句 1 也可以平痰。
您可以在語句 1 中初始化任意(或者多個(gè))值:
for (var i=0,len=cars.length; i<len; i++)
{
document.write(cars[i] + "<br>");
}
語句 2
通常語句 2 用于評(píng)估初始變量的條件。
語句 2 同樣是可選的伍纫。
如果語句 2 返回 true宗雇,則循環(huán)再次開始,如果返回 false莹规,則循環(huán)將結(jié)束赔蒲。
語句 3
通常語句 3 會(huì)增加初始變量的值。
語句 3 也是可選的良漱。
語句 3 有多種用法舞虱。增量可以是負(fù)數(shù) (i--),或者更大 (i=i+15)母市。
語句 3 也可以省略(比如當(dāng)循環(huán)內(nèi)部有相應(yīng)的代碼時(shí)):
while 循環(huán)
While 循環(huán)會(huì)在指定條件為真時(shí)循環(huán)執(zhí)行代碼塊矾兜。
while (條件)
? {
? 需要執(zhí)行的代碼
? }
```
實(shí)例
本例中的循環(huán)將繼續(xù)運(yùn)行,只要變量 i 小于 5:
while (i<5)
? {
? x=x + "The number is " + i + "<br>";
? i++;
? }
?do/while 循環(huán)
do/while 循環(huán)是 while 循環(huán)的變體患久。
該循環(huán)會(huì)執(zhí)行一次代碼塊焕刮,在檢查條件是否為真之前,然后如果條件為真的話墙杯,就會(huì)重復(fù)這個(gè)循環(huán)配并。
do
? {
? 需要執(zhí)行的代碼
? }
while (條件);
實(shí)例
下面的例子使用 do/while 循環(huán)。該循環(huán)至少會(huì)執(zhí)行一次高镐,即使條件是 false溉旋,隱藏代碼塊會(huì)在條件被測試前執(zhí)行:
do
? {
? x=x + "The number is " + i + "<br>";
? i++;
? }
while (i<5);
?比較 for 和 while
如果您已經(jīng)閱讀了前面那一章關(guān)于 for 循環(huán)的內(nèi)容,您會(huì)發(fā)現(xiàn) while 循環(huán)與 for 循環(huán)很像嫉髓。
for 語句實(shí)例
本例中的循環(huán)使用 for 循環(huán)來顯示 cars 數(shù)組中的所有值:
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];)
{
document.write(cars[i] + "<br>");
i++;
}
while 語句實(shí)例
本例中的循環(huán)使用使用 while 循環(huán)來顯示 cars 數(shù)組中的所有值:
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "<br>");
i++;
}
作者:飄零_0f71
鏈接:http://www.reibang.com/p/a3e1eb494c54
來源:簡書
簡書著作權(quán)歸作者所有观腊,任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處邑闲。