js for 循環可以將代碼塊執行指定的次數。
JavaScript 循環
我們可以這樣輸出數組的值:如果您希望一遍又一遍地運行相同的代碼,并且每次的值都不同,那么使用循環是很方便的。
document.write(cars[0] + "<br>");document.write(cars[1] + "<br>");document.write(cars[2] + "<br>");document.write(cars[3] + "<br>");document.write(cars[4] + "<br>");document.write(cars[5] + "<br>");
不過我們這樣寫
for (var i=0; i<cars.length;i++){document.write(cars[i]+"<br>");}
舉例:輸出1-100的數字
for(var i=0;i <=100;i++){document.write(i+"<br>")}
for是前測試循環,而且在循環之前能夠初始化變量,并且定義循環后要執行的代碼,其語法如下
for(inintialization;expression;psot=loop-expression)statement
執行的過程如下:
1.執行initialization語句
2.判斷expression是否為true,如果是則是繼續,否則終止整個循環體。
3.執行循環體statement代碼
4.執行post-loop-expression代碼
5.返回第2步操作
for循環最常用的形式是for(var i=0; i<n;i++){statement}
它表示循環一共執行n次,非常適合用于已知的循環次數運算。
不同類型的循環
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 + "<br>"; }
從上面的例子中,您可以看到:
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] + "<br>");}
同時您還可以省略語句 1(比如在循環開始前已經設置了值時):
實例:
var i=2,len=cars.length;for (; i<len; i++){document.write(cars[i] + "<br>");}
語句 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] + "<br>");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循環的全部內容了,希望小伙伴們喜歡。
新聞熱點
疑難解答