在JavaScript中,for循環是一種常見的循環結構,它可以讓我們重復執行特定的代碼塊,直到滿足某個條件為止。for循環通常用于數組、對象和數字的迭代。
下面是一個簡單的for循環示例,計算1到10的總和:
var sum = 0; for (var i = 1; i <= 10; i++) { sum += i; } console.log(sum); // 輸出55
在上面的代碼中,第一個語句聲明了變量sum,并初始化為0。for循環則定義了一個計數器變量i,它從1開始,直到10為止。每次循環,i都會自增1,sum都會加上i的值。當i的值達到10時,循環終止,最終輸出的是1到10的總和55。
for循環有三個重要的表達式:
- 初始化表達式:在循環開始時執行一次,并初始化循環的計數器變量。
- 條件表達式:在每次循環開始前執行,并確定是否繼續循環。
- 增量表達式:在每次循環結束時執行,并更新循環計數器變量的值。
它們通常在for語句的圓括號中使用,中間用分號隔開。
下面是另一個例子,使用for循環遍歷數組中的所有元素并打印它們的值:
var arr = ['apple', 'banana', 'cherry']; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 輸出apple, banana, cherry
在上面的代碼中,arr是一個包含三個元素的字符串數組。for循環通過計數器i遍歷數組中的所有元素,當i的值等于數組長度時,循環終止。
在JavaScript中,for循環還可以通過break和continue語句來中斷或跳過循環。break語句會立即終止整個循環,而continue語句則會跳過當前迭代的循環。
在下面的代碼中,我們使用for循環遍歷數字1到10,但在i等于5時終止循環:
for (var i = 1; i <= 10; i++) { if (i === 5) { break; } console.log(i); } // 輸出1, 2, 3, 4
在上面的代碼中,當i等于5時,執行了break語句,立即終止整個循環。
在下面的代碼中,我們同樣使用for循環遍歷數字1到10,但在i等于5時跳過當前迭代:
for (var i = 1; i <= 10; i++) { if (i === 5) { continue; } console.log(i); } // 輸出1, 2, 3, 4, 6, 7, 8, 9, 10
在上面的代碼中,當i等于5時,執行了continue語句,跳過當前迭代,然后繼續執行下一次循環。
總之,for循環是JavaScript中最基本也是最常用的循環結構之一。它使得我們能夠重復執行特定的代碼塊,并可以在循環中讀取和修改變量的值。