DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 簡單學習JavaScript中的for語句循環結構
簡單學習JavaScript中的for語句循環結構
編輯:JavaScript基礎知識     

可以直接看示例,用得太多了,很簡單

(function() {
  for(var i=0, len=demoArr.length; i<len; i++) {
    if (i == 2) {
      // return;  // 函數執行被終止
      // break;  // 循環被終止
      continue; // 循環被跳過
    };
    console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
  }
})();

關於for循環,有一下幾點需要注意

  • for循環中的i在循環結束之後任然存在與作用域中,為了避免影響作用域中的其他變量,使用函數自執行的方式將其隔離起來()();
  • 避免使用for(var i=0; i<demo1Arr.length; i++){} 的方式,這樣的數組長度每次都被計算,效率低於上面的方式。也可以將變量聲明放在for的前面來執行,提高閱讀性
  • var i = 0, len = demo1Arr.length;
  • for(; i<len; i++) {};

跳出循環的方式有如下幾種

  • return 函數執行被終止
  • break 循環被終止
  • continue 循環被跳過

完整實例:

<!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;  // 函數執行被終止
  // break;  // 循環被終止
  continue; // 循環被跳過
  };
  console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
 }
 })();
</script>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved