循環可以執行的代碼塊的次數。
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環路(代碼塊)已經執行後,每次執行。
從上面的例子,你可以閱讀:
聲明1套在循環開始之前變量(var i = 0)
語句2定義的條件為循環運行(ⅰ必須小於5)。
語句3增加一個值(i++)中的每個環中的代碼塊已經被執行的時間。
聲明1
通常你會用語句1啟動在循環使用的變量(i = 0)
這並非總是如此,JavaScript不關心。 聲明1是可選的。
您可以在聲明中1(以逗號分隔)發起多個值:
和(在循環開始前,當你的值設置等),你可以省略的語句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也可以省略(就像當你增加循環中的值):
本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循環將在下一章解釋。