最新的Web開發教程
 

JavaScript For循環


循環可以執行的代碼塊的次數。


JavaScript的循環

循環是很方便,如果你想一遍又一遍運行相同的代碼,用不同的值各一次。

通常這是使用數組時的情況:

而是寫:

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>";
}
試一試»

循環的不同類型

JavaScript的支持不同類型的循環:

  • for -通過一個代碼塊循環的次數
  • for/in -遍歷一個對象的屬性
  • while -遍歷一個代碼塊,而指定條件為真
  • do/while -也遍歷一個代碼塊,而指定條件為真

For循環

for循環往往是,當你想創建一個循環,你會使用的工具。

for循環的語法如下:

for (statement 1; statement 2; statement 3) {
   code block to be executed
}

循環(代碼塊)開始前執行的語句1。

聲明2定義為運行循環(代碼塊)的條件。

聲明3環路(代碼塊)已經執行後,每次執行。

for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
}
試一試»

從上面的例子,你可以閱讀:

聲明1套在循環開始之前變量(var i = 0)

語句2定義的條件為循環運行(ⅰ必須小於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的循環中。 否則,循環將永遠不會結束。 這會崩潰您的瀏覽器。 閱讀有關本教程的後面章節休息。


聲明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++;
}
試一試»

For/In循環

中的JavaScript for/in語句遍歷一個對象的屬性:

var person = {fname:"John", lname:"Doe", age:25};

var text = "";
var x;
for (x in person) {
    text += person[x];
}
試一試»

While循環

while循環和do/while循環將在下一章解釋。


自測練習用!

練習1» 練習2» 練習3» 練習4» 練習5» 練習6»