for語句創(chuàng)建一個循環(huán),只要測試條件(condition)的計算結(jié)果為true,該循環(huán)就執(zhí)行指定的語句。
僅當(dāng)條件(condition)變?yōu)閒alse時,循環(huán)才會停止。
JavaScript提供以下幾種循環(huán):
for -循環(huán)遍歷代碼塊若干次
for...in-遍歷對象的屬性
while-在指定條件為true時,循環(huán)遍歷代碼塊
do...while -循環(huán)執(zhí)行一次代碼塊,然后在指定條件為true時繼續(xù)重復(fù)循環(huán)
使用break語句終止當(dāng)前循環(huán),并使用continue語句跳過循環(huán)中的值。
for (initialization; condition; final-expression) {
//要執(zhí)行的語句
}for (let n = 0; n < 5; n++) {
document.write("<br>The number is " + n);
}測試看看?/?所有瀏覽器均完全支持for語句:
| Statement | ![]() | ![]() | ![]() | ![]() | ![]() |
| for | 是 | 是 | 是 | 是 | 是 |
| 參數(shù) | 描述 |
|---|---|
| initialization | (可選)在循環(huán)開始之前執(zhí)行。 通常,此語句用于初始化計數(shù)器變量。 要啟動多個值,請用逗號分隔每個值。 |
| condition | (可選)定義運行循環(huán)的條件。 通常,此語句用于評估計數(shù)器變量的條件。 如果返回true,則循環(huán)將重新開始;如果返回false,則循環(huán)將結(jié)束。 注意:如果省略,則條件始終為true。 這將使您的瀏覽器崩潰。 |
| final-expression | (可選)每次執(zhí)行循環(huán)之后執(zhí)行。通常,此語句用于遞增或遞減計數(shù)器變量。 |
| JavaScript版本: | ECMAScript 1 |
|---|
以升序遍歷數(shù)組:
var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length; i++) {
txt += fruits[i] + "<br>";
}測試看看?/?以降序循環(huán)遍歷數(shù)組:
var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = fruits.length -1; i >= 0; i--) {
txt += fruits[i] + "<br>";
}測試看看?/?循環(huán)遍歷NodeList對象的節(jié)點,并更改列表中所有元素的背景色:
var x = document.querySelectorAll(".demo");
for (let i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "coral";
}測試看看?/?嵌套循環(huán)被用在大多數(shù)地方,它被用在矩陣乘法,顯示表和許多其他地方:
var txt = "";
for (var row = 0; row < 10; row++) {
for (var col = 0; col < row; col++) {
txt += " * ";
}
txt += "<br>";
}測試看看?/?以下函數(shù)具有一個break語句,當(dāng)i為3時,該語句終止for循環(huán):
var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
break;
}
text += "The number is " + i + "<br>";
}測試看看?/?以下示例顯示了一個for循環(huán),該循環(huán)具有一個continue語句,該語句在i的值為3時執(zhí)行:
var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
continue;
}
text += "The number is " + i + "<br>";
}測試看看?/?JavaScript參考:JavaScript for... in語句
JavaScript參考:JavaScript while語句
JavaScript參考:JavaScript break語句
JavaScript參考:JavaScript continue語句