JavaScript中循環(huán)語句是非常常用的語法之一,可以幫助我們快速的重復(fù)執(zhí)行代碼塊內(nèi)的邏輯,減少冗余代碼量和提高代碼效率。下面我們來看看JavaScript中四種循環(huán)語句的用法以及注意點。
1. for循環(huán)
for循環(huán)是最常用的循環(huán)語句之一,通常用于在已知循環(huán)次數(shù)的情況下遍歷數(shù)組或?qū)ο蟆UZ法如下:
for (初始值; 條件; 步進) { // 循環(huán)執(zhí)行語句 }
例如,我們要遍歷一個長度為5的數(shù)組:
var arr = [1, 2, 3, 4, 5]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); }
注意事項:
- 循環(huán)次數(shù)可以使用變量控制
- 循環(huán)變量需要在循環(huán)代碼塊中使用
- 注意不要造成死循環(huán)
2. while循環(huán)
while循環(huán)通常用于不知道循環(huán)次數(shù)的情況下。只要滿足特定條件,就不斷重復(fù)執(zhí)行代碼塊內(nèi)的邏輯,直到條件不再成立。語法如下:
while (條件) { // 循環(huán)執(zhí)行語句 }
例如,我們要在0到100的范圍內(nèi)找出最小的能被7整除的數(shù):
var i = 0; while (i <= 100) { if (i % 7 === 0) { console.log(i); break; } i++; }
注意事項:
- 條件表達式必須是一個布爾類型的值
- 若條件一開始就不滿足,循環(huán)將不會執(zhí)行
- 避免死循環(huán),確保條件可以被終止掉
3. do…while循環(huán)
do…while循環(huán)與while循環(huán)類似,但不同之處在于循環(huán)會先執(zhí)行一次代碼塊,然后再判斷條件是否滿足。另外,do…while循環(huán)至少會執(zhí)行一次代碼塊,語法如下:
do { // 循環(huán)執(zhí)行語句 } while(條件);
例如,我們要在0到100的范圍內(nèi)累加1到10的數(shù)字:
var i = 0; var sum = 0; do { sum += i; i++; } while (i <= 10 && sum <= 100); console.log(sum); //輸出55
注意事項:
- 條件表達式必須是一個布爾類型的值
- 代碼塊至少會執(zhí)行一次
- 同樣需要避免死循環(huán)
4. for…in循環(huán)
for…in循環(huán)用于遍歷對象的屬性,在 ES6 中已經(jīng)不再建議使用。但在某些特定情況下,仍然可以用于遍歷對象及其屬性。語法如下:
for (var 屬性 in 對象) { // 循環(huán)執(zhí)行語句 }
例如,我們要遍歷一個對象的屬性:
var obj = { name: 'Tom', age: 18, gender: 'male' }; for (var prop in obj) { console.log(prop + ': ' + obj[prop]); }
注意事項:
- 遍歷的是對象的屬性而不是屬性值
- 不保證遍歷的順序
- 遍歷的是可枚舉的屬性,包括繼承來的屬性,在遍歷之前可以使用Object.hasOwnPropery()方法檢查是否為自有屬性
以上就是JavaScript中四種常見的循環(huán)語句的使用方法和注意事項。在實際開發(fā)中需要根據(jù)具體情況選擇不同類型的循環(huán)語句,以達到更高的代碼質(zhì)量和效率。