JavaScript for 循環(huán)

2022-05-18 14:36 更新

循環(huán)可以將代碼塊執(zhí)行指定的次數(shù)。


JavaScript 循環(huán)

如果您希望一遍又一遍地運行相同的代碼,并且每次的值都不同,那么使用循環(huán)是很方便的。

我們可以這樣輸出數(shù)組的值:

一般寫法:

document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");

使用for循環(huán)

for (var i=0;i<cars.length;i++){
    document.write(cars[i] + "<br>");
}

嘗試一下 ?


不同類型的循環(huán)

JavaScript 支持不同類型的循環(huán):

  • for - 循環(huán)代碼塊一定的次數(shù)
  • for/in - 循環(huán)遍歷對象的屬性
  • while - 當指定的條件為 true 時循環(huán)指定的代碼塊
  • do/while - 同樣當指定的條件為 true 時循環(huán)指定的代碼塊

For 循環(huán)

for 循環(huán)是您在希望創(chuàng)建循環(huán)時常會用到的工具。

下面是 for 循環(huán)的語法:

for (語句 1; 語句 2; 語句 3){
  被執(zhí)行的代碼塊
}

語句 1 (代碼塊)開始前執(zhí)行 starts.

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

語句 3 在循環(huán)(代碼塊)已被執(zhí)行之后執(zhí)行

實例

for (var i=0; i<5; i++){
  x=x + "The number is " + i + "<br>";
}

嘗試一下 ?

從上面的例子中,您可以看到:

Statement 1 在循環(huán)開始之前設置變量 (var i=0)。

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

Statement 3 在每次代碼塊已被執(zhí)行后增加一個值 (i++)。


語句 1

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

語句 1 是可選的,也就是說不使用語句 1 也可以。

您可以在語句 1 中初始化任意(或者多個)值:

實例:

for (var i=0,len=cars.length; i<len; i++){
    document.write(cars[i] + "<br>");
}

嘗試一下 ?

同時您還可以省略語句 1(比如在循環(huán)開始前已經設置了值時):

實例:

var i=2,len=cars.length;
for (; i<len; i++){
    document.write(cars[i] + "<br>");
}

嘗試一下 ?


語句 2

通常語句 2 用于評估初始變量的條件。

語句 2 同樣是可選的。

如果語句 2 返回 true,則循環(huán)再次開始,如果返回 false,則循環(huán)將結束。

lamp 如果您省略了語句 2,那么必須在循環(huán)內提供 break。否則循環(huán)就無法停下來。這樣有可能令瀏覽器崩潰。請在本教程稍后的章節(jié)閱讀有關 break 的內容。


語句 3

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

語句 3 也是可選的。

語句 3 有多種用法。增量可以是負數(shù) (i--),或者更大 (i=i+15)。

語句 3 也可以省略(比如當循環(huán)內部有相應的代碼時):

實例:

var i=0,len=cars.length;
for (; i<len; ){
    document.write(cars[i] + "<br>");
    i++;
}

嘗試一下 ?


For/In 循環(huán)

JavaScript for/in 語句循環(huán)遍歷對象的屬性:

實例

var person={fname:"John",lname:"Doe",age:25};
for (x in person){
  txt=txt + person[x];
}

嘗試一下 ?

提示:在JavaScript中,for in循環(huán)不僅可以遍歷對象的屬性,還可以遍歷數(shù)組。

您將在有關 JavaScript 對象的章節(jié)學到更多有關 for / in 循環(huán)的知識。


While 循環(huán)

我們將在下一章為您講解 while 循環(huán)和 do/while 循環(huán)。


相關實例

使用for語句循環(huán)迭代

通過一個for循環(huán)語句你可以多次執(zhí)行代碼。

使用for循環(huán)逆向迭代

通過for循環(huán)可以逆向迭代,只要我們定義好合適的條件。


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號