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

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

成都創(chuàng)新互聯(lián)主營鞏留網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件開發(fā)公司,鞏留h5微信小程序開發(fā)搭建,鞏留網(wǎng)站營銷推廣歡迎鞏留等地區(qū)企業(yè)咨詢

假如您需要運行代碼多次,且每次使用不同的值,那么循環(huán)(loop)相當方便使用。

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

不需要這樣寫:

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 循環(huán)的語法如下:

for (語句 1; 語句 2; 語句 3) {

     要執(zhí)行的代碼塊

}

語句 1 在循環(huán)(代碼塊)開始之前執(zhí)行。

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

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

實例

for (i = 0; i < 5; i++) {

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

}

從上面的代碼中,您可以了解到:

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

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

語句 3 會在代碼塊每次執(zhí)行之后對值進行遞增(i++)。

語句 1

通常,您會使用語句 1 來初始化循環(huán)中所使用的的變量(i = 0)。

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

您可以在語句 1 中初始化多個值(由逗號分隔):

實例

for (i = 0, len = cars.length, text = ""; i < len; i++) { 

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

}

而且您還可以省略語句 1(比如在循環(huán)開始前設(shè)置好值):

實例

var i = 2;

var len = cars.length;

var text = "";

for (; i < len; i++) { 

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

}

語句 2

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

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

如果語句 2 返回 true,那么循環(huán)會重新開始,如果返回 false,則循環(huán)將結(jié)束。

如果省略語句 2,那么必須在循環(huán)中提供一個 break。否則循環(huán)永遠不會結(jié)束。請在下一章閱讀更多關(guān)于 break 的內(nèi)容。

語句 3

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

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

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

語句 3 也可被省略(比如當您在循環(huán)內(nèi)遞增值時):

實例

var i = 0;

var len = cars.length;

for (; i < len; ) { 

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

      i++;

}

關(guān)于“JavaScript的For循環(huán)如何運用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。

網(wǎng)頁題目:JavaScript的For循環(huán)如何運用
路徑分享:http://bm7419.com/article24/ipogje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、用戶體驗、云服務(wù)器、外貿(mào)建站、網(wǎng)站內(nèi)鏈電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管