快捷導(dǎo)航

簡(jiǎn)單學(xué)習(xí)JavaScript中的for語(yǔ)句循環(huán)結(jié)構(gòu)

更新時(shí)間：2015年11月10日 15:19:50 投稿：goldensun

這篇文章主要介紹了簡(jiǎn)單學(xué)習(xí)JavaScript中的for語(yǔ)句循環(huán)結(jié)構(gòu),是JavaScript入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下

可以直接看示例，用得太多了，很簡(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 指導(dǎo)方針
JavaScript 指導(dǎo)方針...
2007-04-04
javascript驗(yàn)證form表單數(shù)據(jù)的案例詳解
這篇文章主要介紹了javascript驗(yàn)證form表單數(shù)據(jù)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
走出JavaScript初學(xué)困境—js初學(xué)
利用空閑幾天把《JavaScript權(quán)威指南》安靜的讀了一篇。真是一本好書(shū)呀！呵呵，這句話(huà)見(jiàn)的太多了。好在什么地方呢？聽(tīng)我慢慢道來(lái)。
2008-12-12
12種不宜使用的Javascript語(yǔ)法整理
Javascript語(yǔ)法，初學(xué)js的朋友都應(yīng)該知道，下面整理了12種不宜使用的js語(yǔ)法，感興趣的朋友可以參考下
2013-11-11
JavaScript面向?qū)ο缶幊倘腴T(mén)教程
這篇文章主要介紹了JavaScript面向?qū)ο缶幊痰南嚓P(guān)概念，例如類(lèi)、對(duì)象、屬性、方法等面向?qū)ο蟮男g(shù)語(yǔ)，并以實(shí)例講解各種術(shù)語(yǔ)的使用，非常好的一篇面向?qū)ο笕腴T(mén)教程,其它語(yǔ)言也可以參考哦
2014-04-04
utf8的編碼算法轉(zhuǎn)載
utf8的編碼算法轉(zhuǎn)載...
2006-12-12
深入理解javascript變量聲明
本文是談?wù)勛约簩?duì)于javascript中變量聲明的一些看法、感想和理解，算是自己的一個(gè)小總結(jié)吧，分享出來(lái)給大家，希望對(duì)小伙伴們能有所幫助
2014-11-11
JavaScript中的Location地址對(duì)象
2008-01-01
javascript開(kāi)發(fā)技術(shù)大全第4章直接量與字符集
直接量就是在程序中顯示出來(lái)的數(shù)值。javascript直接量包括：字符串、數(shù)字、布爾、數(shù)組、函數(shù)、對(duì)象、和特殊直接
2011-07-07
轉(zhuǎn)換字符串為json對(duì)象的方法詳解
這篇文章主要介紹了轉(zhuǎn)換字符串為json對(duì)象的方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11