JavaScript For 循環 · W3School Javascript & jQuery 教程

# JavaScript For 循環 **循環可以將代碼塊執行指定的次數。** ## JavaScript 循環如果您希望一遍又一遍地運行相同的代碼，并且每次的值都不同，那么使用循環是很方便的。我們可以這樣輸出數組的值： ``` document.write(cars[0] + " "); document.write(cars[1] + " "); document.write(cars[2] + " "); document.write(cars[3] + " "); document.write(cars[4] + " "); document.write(cars[5] + " "); ``` 不過通常我們這樣寫： ``` for (var i=0;i<cars.length;i++) { document.write(cars[i] + " "); } ``` ## 不同類型的循環 JavaScript 支持不同類型的循環： * _for_ - 循環代碼塊一定的次數 * _for/in_ - 循環遍歷對象的屬性 * _while_ - 當指定的條件為 true 時循環指定的代碼塊 * _do/while_ - 同樣當指定的條件為 true 時循環指定的代碼塊 ## For 循環 for 循環是您在希望創建循環時常會用到的工具。下面是 for 循環的語法： ``` for (語句 1; 語句 2; 語句 3) { 被執行的代碼塊 } ``` _語句 1_ 在循環（代碼塊）開始前執行 _語句 2_ 定義運行循環（代碼塊）的條件 _語句 3_ 在循環（代碼塊）已被執行之后執行 ### 實例 ``` for (var i=0; i<5; i++) { x=x + "The number is " + i + " "; } ``` 從上面的例子中，您可以看到： Statement 1 在循環開始之前設置變量 (var i=0)。 Statement 2 定義循環運行的條件（i 必須小于 5）。 Statement 3 在每次代碼塊已被執行后增加一個值 (i++)。 ## 語句 1 通常我們會使用語句 1 初始化循環中所用的變量 (var i=0)。語句 1 是可選的，也就是說不使用語句 1 也可以。您可以在語句 1 中初始化任意（或者多個）值： ### 實例: ``` for (`var i=0,len=cars.length;` i<len; i++) { document.write(cars[i] + " "); } ``` 同時您還可以省略語句 1（比如在循環開始前已經設置了值時）： ### 實例: ``` var i=2,len=cars.length; for (; i<len; i++) { document.write(cars[i] + " "); } ``` ## 語句 2 通常語句 2 用于評估初始變量的條件。語句 2 同樣是可選的。如果語句 2 返回 true，則循環再次開始，如果返回 false，則循環將結束。提示：如果您省略了語句 2，那么必須在循環內提供 _break_。否則循環就無法停下來。這樣有可能令瀏覽器崩潰。請在本教程稍后的章節閱讀有關 break 的內容。 ## 語句 3 通常語句 3 會增加初始變量的值。語句 3 也是可選的。語句 3 有多種用法。增量可以是負數 (i--)，或者更大 (i=i+15)。語句 3 也可以省略（比如當循環內部有相應的代碼時）： ### 實例: ``` var i=0,len=cars.length; for (; i<len; ) { document.write(cars[i] + " "); i++; } ``` ## For/In 循環 JavaScript for/in 語句循環遍歷對象的屬性： ### 實例 ``` var person={fname:"John",lname:"Doe",age:25}; for (x `in` person) { txt=txt + person[x]; } ``` 您將在有關 JavaScript 對象的章節學到更多有關 for / in 循環的知識。 ## While 循環我們將在下一章為您講解 while 循環和 do/while 循環。 ## 課外書如需更多有關 _JavaScript for 語句_的知識，請閱讀 JavaScript 高級教程中的相關內容： [ECMAScript 迭代語句](/js/pro_js_statements_iterative.asp "ECMAScript 迭代語句") 迭代語句又叫循環語句。本節為您介紹 ECMAScript 提供的四種迭代語句。