簡(jiǎn)單學(xué)習(xí)JavaScript中的for語句循環(huán)結(jié)構(gòu)
可以直接看示例,用得太多了,很簡(jiǎn)單
(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]);
}
})();
關(guān)于for循環(huán),有一下幾點(diǎn)需要注意
- for循環(huán)中的i在循環(huán)結(jié)束之后任然存在與作用域中,為了避免影響作用域中的其他變量,使用函數(shù)自執(zhí)行的方式將其隔離起來()();
- 避免使用for(var i=0; i<demo1Arr.length; i++){} 的方式,這樣的數(shù)組長度每次都被計(jì)算,效率低于上面的方式。也可以將變量聲明放在for的前面來執(zhí)行,提高閱讀性
- var i = 0, len = demo1Arr.length;
- for(; i<len; i++) {};
跳出循環(huán)的方式有如下幾種
- return 函數(shù)執(zhí)行被終止
- break 循環(huán)被終止
- continue 循環(huán)被跳過
完整實(shí)例:
<!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>
相關(guān)文章
JavaScript DOM學(xué)習(xí)第四章 getElementByTagNames
HTML有一些相關(guān)有不同tag名字的相關(guān)元素,比如H1-H6或者input,select和TEXTAREA。getElementByTagName只能取得那些有相同tag名稱的元素,所以你不能用他來取得所有的標(biāo)題或者整個(gè)表單內(nèi)容。2010-02-02
Javascript學(xué)習(xí)筆記之 函數(shù)篇(一) : 函數(shù)聲明和函數(shù)表達(dá)式
function 是 Javascript 中的第一類對(duì)象,這就意味著函數(shù)可以像其他值一樣被傳遞。一個(gè)最常見的用法就是將一個(gè)匿名函數(shù)作為回調(diào)函數(shù)傳遞到另外一個(gè)異步函數(shù)中。2014-06-06
優(yōu)化RequireJS項(xiàng)目的相關(guān)技巧總結(jié)
這篇文章主要介紹了優(yōu)化RequireJS項(xiàng)目的相關(guān)技巧總結(jié),RequireJS是一個(gè)人氣JavaScript庫,需要的朋友可以參考下2015-07-07
JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記10 再訪js對(duì)象
在ECMAScript中,兩個(gè)核心主題就是對(duì)象與函數(shù),而這兩個(gè)主題也有些互相纏繞的,在前面幾個(gè)博文中大略的過了一遍函數(shù)相關(guān)的基礎(chǔ)知識(shí),這篇文章再回到對(duì)象主題上來2012-10-10
javascript數(shù)組操作總結(jié)和屬性、方法介紹
這篇文章主要介紹了javascript數(shù)組操作總結(jié),例如數(shù)組的創(chuàng)建、添加、刪除、合并等操作方法,同時(shí)總結(jié)了屬性和操作函數(shù)、方法等,需要的朋友可以參考下2014-04-04
詳解JavaScript設(shè)計(jì)模式開發(fā)中的橋接模式使用
橋接模式的適用場(chǎng)合非常廣泛,除了在事件回調(diào)函數(shù)與接口之間進(jìn)行橋接外,橋接模式也可以用于連接公開的API代碼和私用的實(shí)現(xiàn)代碼,下面我們就來詳解JavaScript設(shè)計(jì)模式開發(fā)中的橋接模式使用2016-05-05
JavaScript 詳解緩動(dòng)動(dòng)畫的封裝與使用
緩動(dòng)動(dòng)畫原理:移動(dòng)的像素慢慢減少,讓效果看起來更柔和更美觀,通過定時(shí)器加回調(diào)函數(shù),實(shí)現(xiàn)動(dòng)畫效果以及更多具體功能,非常好用2021-11-11

