簡單學(xué)習(xí)JavaScript中的for語句循環(huán)結(jié)構(gòu)
可以直接看示例,用得太多了,很簡單
(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),有一下幾點需要注意
- for循環(huán)中的i在循環(huán)結(jié)束之后任然存在與作用域中,為了避免影響作用域中的其他變量,使用函數(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>
相關(guān)文章
JavaScript DOM學(xué)習(xí)第四章 getElementByTagNames
HTML有一些相關(guān)有不同tag名字的相關(guān)元素,比如H1-H6或者input,select和TEXTAREA。getElementByTagName只能取得那些有相同tag名稱的元素,所以你不能用他來取得所有的標題或者整個表單內(nèi)容。2010-02-02Javascript學(xué)習(xí)筆記之 函數(shù)篇(一) : 函數(shù)聲明和函數(shù)表達式
function 是 Javascript 中的第一類對象,這就意味著函數(shù)可以像其他值一樣被傳遞。一個最常見的用法就是將一個匿名函數(shù)作為回調(diào)函數(shù)傳遞到另外一個異步函數(shù)中。2014-06-06優(yōu)化RequireJS項目的相關(guān)技巧總結(jié)
這篇文章主要介紹了優(yōu)化RequireJS項目的相關(guān)技巧總結(jié),RequireJS是一個人氣JavaScript庫,需要的朋友可以參考下2015-07-07JavaScript高級程序設(shè)計(第3版)學(xué)習(xí)筆記10 再訪js對象
在ECMAScript中,兩個核心主題就是對象與函數(shù),而這兩個主題也有些互相纏繞的,在前面幾個博文中大略的過了一遍函數(shù)相關(guān)的基礎(chǔ)知識,這篇文章再回到對象主題上來2012-10-10javascript數(shù)組操作總結(jié)和屬性、方法介紹
這篇文章主要介紹了javascript數(shù)組操作總結(jié),例如數(shù)組的創(chuàng)建、添加、刪除、合并等操作方法,同時總結(jié)了屬性和操作函數(shù)、方法等,需要的朋友可以參考下2014-04-04詳解JavaScript設(shè)計模式開發(fā)中的橋接模式使用
橋接模式的適用場合非常廣泛,除了在事件回調(diào)函數(shù)與接口之間進行橋接外,橋接模式也可以用于連接公開的API代碼和私用的實現(xiàn)代碼,下面我們就來詳解JavaScript設(shè)計模式開發(fā)中的橋接模式使用2016-05-05