JavaScript for 語句

 JavaScript 語句和變量聲明

for語句創(chuàng)建一個(gè)循環(huán)，只要測(cè)試條件(condition)的計(jì)算結(jié)果為true，該循環(huán)就執(zhí)行指定的語句。

僅當(dāng)條件(condition)變?yōu)閒alse時(shí)，循環(huán)才會(huì)停止。

JavaScript提供以下幾種循環(huán)：

• for -循環(huán)遍歷代碼塊若干次

• for...in-遍歷對(duì)象的屬性

• while-在指定條件為true時(shí)，循環(huán)遍歷代碼塊

• do...while -循環(huán)執(zhí)行一次代碼塊，然后在指定條件為true時(shí)繼續(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ù)值

技術(shù)細(xì)節(jié)

更多實(shí)例

以升序遍歷數(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對(duì)象的節(jié)點(diǎn)，并更改列表中所有元素的背景色：

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ù)具有一個(gè)break語句，當(dāng)i為3時(shí)，該語句終止for循環(huán)：

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   break;
}
text += "The number is " + i + "<br>";
}

以下示例顯示了一個(gè)for循環(huán)，該循環(huán)具有一個(gè)continue語句，該語句在i的值為3時(shí)執(zhí)行：

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   continue;
}
text += "The number is " + i + "<br>";
}

相關(guān)參考

JavaScript參考：JavaScript for... in語句

JavaScript參考：JavaScript while語句

JavaScript參考：JavaScript break語句

JavaScript參考：JavaScript continue語句

 JavaScript 語句和變量聲明