for 語法
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
for 循環反覆執行直到指定的條件的求值為 false 為止。JavaScript 的 for 循環和 Java 和 C 的 for 循環很類似。for 語法如下︰
js
for ([initialExpression]; [condition]; [incrementExpression]) statement; 執行 for 循環時，會執行以下步驟︰
- 執行初始化表達式
initialExpression。這個表達式通常會初始化為 1 以上的計數器，不過也可以是任意複雜程度的表達式。也可以在表達式裡宣告變數。 - 對
condition表達式求值。如果condition的值為 true，就會執行循環語法。如果condition的值為 false，就終止for循環。如果完全省略condition表達式，條件就會被代入為 true。 - 執行
statement。若要執行多個語句，就使用區塊語法（{ ... }）把這些語句群組化。 - 執行更新表達式
incrementExpression，並回到第 2 步驟。
範例
以下函數內含 for 語法，計數至下拉式選單的已選擇選項的數目為止（Select 物件允許複選）。for 語法宣告變數 i 並以 0 初始化。他會檢驗 i 是否小於 Select 物件的選項數目，持續執行 if 語句，並在每一次循環之後以 1 遞增 i。
html
<script type="text/javascript"> //<![CDATA[ function howMany(selectObject) { var numberSelected = 0; for (var i = 0; i < selectObject.options.length; i++) { if (selectObject.options[i].selected) numberSelected++; } return numberSelected; } //]]> </script> <form name="selectForm"> <p> <strong>Choose some music types, then click the button below:</strong> <br /> <select name="musicTypes" multiple="multiple"> <option selected="selected">R&B</option> <option>Jazz</option> <option>Blues</option> <option>New Age</option> <option>Classical</option> <option>Opera</option> </select> </p> <p> <input type="button" value="How many are selected?" onclick="alert ('Number of options selected: ' + howMany(document.selectForm.musicTypes))" /> </p> </form>