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