簡單學習JavaScript中的for語句循環(huán)結構
更新時間:2015年11月10日 15:19:50 投稿:goldensun
這篇文章主要介紹了簡單學習JavaScript中的for語句循環(huán)結構,是JavaScript入門學習中的基礎知識,需要的朋友可以參考下
可以直接看示例,用得太多了,很簡單
(function() {
for(var i=0, len=demoArr.length; i<len; i++) {
if (i == 2) {
// return; // 函數(shù)執(zhí)行被終止
// break; // 循環(huán)被終止
continue; // 循環(huán)被跳過
};
console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
}
})();
關于for循環(huán),有一下幾點需要注意
- for循環(huán)中的i在循環(huán)結束之后任然存在與作用域中,為了避免影響作用域中的其他變量,使用函數(shù)自執(zhí)行的方式將其隔離起來()();
- 避免使用for(var i=0; i<demo1Arr.length; i++){} 的方式,這樣的數(shù)組長度每次都被計算,效率低于上面的方式。也可以將變量聲明放在for的前面來執(zhí)行,提高閱讀性
- var i = 0, len = demo1Arr.length;
- for(; i<len; i++) {};
跳出循環(huán)的方式有如下幾種
- return 函數(shù)執(zhí)行被終止
- break 循環(huán)被終止
- continue 循環(huán)被跳過
完整實例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>遍歷詳解: for</title>
<script src="../script/jquery-2.0.3.js"></script>
</head>
<body>
</body>
<script>
var demo1Arr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];
(function() {
for(var i=0, len=demo1Arr.length; i<len; i++) {
if (i == 2) {
// return; // 函數(shù)執(zhí)行被終止
// break; // 循環(huán)被終止
continue; // 循環(huán)被跳過
};
console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
}
})();
</script>
</html>
相關文章
javascript驗證form表單數(shù)據(jù)的案例詳解
這篇文章主要介紹了javascript驗證form表單數(shù)據(jù),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
javascript開發(fā)技術大全 第4章 直接量與字符集
直接量就是在程序中顯示出來的數(shù)值。javascript直接量包括:字符串、數(shù)字、布爾、數(shù)組、函數(shù)、對象、和特殊直接2011-07-07

