首頁 >web前端 >js教程 >簡單學習JavaScript中的for語句循環結構_基礎知識

簡單學習JavaScript中的for語句循環結構_基礎知識

WBOY
WBOY原創
2016-05-16 15:32:531419瀏覽

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

(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
  • var i = 0, len = demo1Arr.length;
  • for(; 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>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn