簡單學習JavaScript中的for語句循環結構

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 簡單學習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>

上一頁:JavaScript中利用各種循環進行遍歷的方式總結
下一頁:JavaScript編程的單例設計模講解

JavaScript基礎知識

java中String類型變量的賦值問題介紹: 運行下面這段代碼，其結果是什麼？package com.test;public class Exam
深入解析JavaScript中的數字對象與字符串對象: JavaScript Number 對象JavaScript 只有一種數字類型。可以使用也可以不使用
js資料toString 方法: toString 方法返回對象的字符串表示。 objectname.toString([

DIV CSS 佈局教程網

相關文章