JavaScript中有for循環(huán)。JavaScript語言中的for循環(huán)用于多次執(zhí)行代碼塊，它是JS中常用的一個(gè)循環(huán)工具，適合在已知循環(huán)次數(shù)時(shí)使用；語法“for(初始化表達(dá)式;條件表達(dá)式;變量更新){條件表達(dá)式為true時(shí)執(zhí)行的代碼}”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript中有for循環(huán)。

JavaScript 語言中的 for 循環(huán)用于多次執(zhí)行代碼塊，它是 JavaScript 中最常用的一個(gè)循環(huán)工具，還可用于數(shù)組的遍歷循環(huán)等。

我們?yōu)槭裁匆褂?for 循環(huán)呢？打個(gè)比方，例如我們想要控制臺(tái)輸出1到1000之間的所有數(shù)字，如果單寫輸出語句，要寫1000句代碼，但是如果使用 for 循環(huán)，幾句代碼就能實(shí)現(xiàn)?？傊褂?for 循環(huán)能夠讓我們寫代碼更方便快捷（當(dāng)然啦，否則要它干嘛）。

JS for 循環(huán)語法

JS for 循環(huán)適合在已知循環(huán)次數(shù)時(shí)使用，語法格式如下：

for(初始化表達(dá)式; 條件表達(dá)式; 變量更新) { 	// 條件表達(dá)式為true時(shí)執(zhí)行的代碼 }

• 初始化表達(dá)式：通常用于聲明一個(gè)計(jì)數(shù)器的初始值，即循環(huán)開始的值。

• 條件表達(dá)式：定義運(yùn)行循環(huán)代碼塊的條件，用于控制是否執(zhí)行循環(huán)體中的代碼，如果條件為 FALSE ，則立即退出循環(huán)。

• 變量更新：在循環(huán)代碼塊每次被執(zhí)行之后再執(zhí)行；循環(huán)每執(zhí)行一次，馬上修改計(jì)數(shù)器的值；

for 循環(huán)語句的執(zhí)行流程如下圖所示：

示例1：

例如我們在一個(gè)HTML文件中，編寫如下代碼，實(shí)現(xiàn)計(jì)算1到100的總和：

  var result = 0;   for(var i = 1; i <= 100; i++) {     result = result + i;   }   alert(result);

在瀏覽器中打開這個(gè)文件，會(huì)彈出一個(gè)彈出層，彈出層中顯示的是1到100的總和：

上述代碼中，我們聲明了一個(gè)變量 result 并給它賦值為 0，表示初始的總和為 0 。

然后在 for 循環(huán)中三個(gè)語句：

• 變量初始化 i = 1，表示從 1 開始計(jì)算。
• 條件表達(dá)式 i <= 100，表示只要 i 小于等于 100 循環(huán)就會(huì)一直執(zhí)行，當(dāng) i 大于 100 循環(huán)會(huì)停止。
• 變量更新 i++，之前我們學(xué)運(yùn)算符的時(shí)候?qū)W過，這是遞增運(yùn)算符 ++，表示為其操作數(shù)增加 1。

此時(shí)我們可以一點(diǎn)點(diǎn)來看這個(gè) for 循環(huán)：

第一次循環(huán)： result = 0 + 1   // 此時(shí)result值為0，  i的值為1 第二次循環(huán)： result = 1 + 2   // 此時(shí)result值為0+1，i的值為2 第三次循環(huán)： result = 3 + 3   // 此時(shí)result值為1+2，i的值為3 第四次循環(huán)： result = 6 + 4   // 此時(shí)result值為3+3，i的值為4 第五次循環(huán)： result = 10 + 5  // 此時(shí)result值為6+4，i的值為5 ...

我們只需要搞清楚 for 循環(huán)中的執(zhí)行原理，不需要手動(dòng)來計(jì)算求和，只要寫好代碼，執(zhí)行代碼后計(jì)算機(jī)會(huì)很快會(huì)告訴我們1到 100 的總和。

再補(bǔ)充一下，上述代碼中result = result + i，我們也可以寫成 result += i，這是我們之前學(xué)過的加賦值運(yùn)算符，還記得嗎？

示例2：

再來看一個(gè)例子，例如我們可以使用 for 循環(huán)來實(shí)現(xiàn)數(shù)組遍歷，首先定義一個(gè)數(shù)組 lst：

var lst = ["a", "b", "c", "d", "e"];

在寫 for 循環(huán)時(shí)，首先就是要搞清楚小括號(hào)里面的三個(gè)語句，因?yàn)槲覀兛梢酝ㄟ^數(shù)組中元素的下標(biāo)索引來獲取元素的值，而數(shù)組的索引又是從 0 開始，所以變量初始化可以設(shè)置為i = 0。第二個(gè)條件表達(dá)式，因?yàn)閿?shù)組中最后一個(gè)索引為 lst.length - 1，所以只要小于等于 lst.length - 1，循環(huán)就會(huì)一直執(zhí)行。而i <= lst.length - 1 就相當(dāng)于 i<lst.length。第三個(gè)變量更新，當(dāng)循環(huán)每循環(huán)一次，索引值就加一，所以為 i++。

所以循環(huán)可以像下面這樣寫：

for(i = 0; i<lst.length; i++){     console.log(lst[i]);  // 輸出數(shù)組中的元素值，從索引為0的值開始輸出，每次加1，一直到lst.length-1 }

輸出：

a b c d e

其實(shí)遍歷數(shù)組還有一種更好的方法，就是使用 for...in 循環(huán)語句來遍歷數(shù)組。

for 循環(huán)中的三個(gè)表達(dá)式

JS for 循環(huán)中括號(hào)中的三個(gè)表達(dá)式是可以省略的，但是用于分隔三個(gè)表達(dá)式的分號(hào)不能省略，如下例所示：

// 省略第一個(gè)表達(dá)式 var i = 0; for (; i < 5; i++) {     // 要執(zhí)行的代碼 } // 省略第二個(gè)表達(dá)式 for (var y = 0; ; y++) {     if(y > 5){         break;     }     // 要執(zhí)行的代碼 } // 省略第一個(gè)和第三個(gè)表達(dá)式 var j = 0; for (; j < 5;) {     // 要執(zhí)行的代碼     j++; } // 省略所有表達(dá)式 var z = 0; for (;;) {     if(z > 5){         break;     }     // 要執(zhí)行的代碼     z++; }

for 循環(huán)嵌套

無論是哪種循環(huán)，都可以嵌套使用（即在一個(gè)循環(huán)中再定義一個(gè)或多個(gè)循環(huán)），下面就以 for 循環(huán)為例，來演示一下循環(huán)的嵌套使用：

for (var i = 1; i <= 9; i++) {     for (var j = 1; j <= i; j++) {         document.write(j + " x " + i + " = " + (i * j) + "&emsp;");     }     document.write("<br>"); }

運(yùn)行結(jié)果：

擴(kuò)展知識(shí)：for 循環(huán)變體–for…in 循環(huán)

for...in 循環(huán)主要用于遍歷數(shù)組或?qū)ο髮傩?，?duì)數(shù)組或?qū)ο蟮膶傩赃M(jìn)行循環(huán)操作。for...in 循環(huán)中的代碼每執(zhí)行一次，就會(huì)對(duì)數(shù)組的元素或者對(duì)象的屬性進(jìn)行一次操作。

語法如下：

for (變量 in 對(duì)象) { 	// 代碼塊 }

for 循環(huán)括號(hào)內(nèi)的變量是用來指定變量，指定的可以是數(shù)組對(duì)象或者是對(duì)象屬性。

示例：

使用 for...in 循環(huán)遍歷我們定義好的 lst 數(shù)組：

var lst = ["a", "b", "c", "d", "e"];for(var l in lst){     console.log(lst[l]);}

輸出：

a b c d e

除了數(shù)組，for...in 循環(huán)還可以遍歷對(duì)象，例如我們遍歷 俠俠 的個(gè)人基本信息：

var object = {     姓名:'俠俠',     年齡:'22',     性別:'男',     出生日期:'1997-08-05',     職業(yè):'程序員',     特長:'跳舞' }  for(var i in object) { 	console.log(i + ":" + object[i]); }

輸出：

姓名: 俠俠 年齡: 22 性別: 男 出生日期: 1997-08-05 職業(yè):程序員 特長:跳舞

【