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

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

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

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

(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

上一篇：javascript實作tab切換特效_javascript技巧下一篇：javascript實作tab切換特效_javascript技巧

看更多

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

相關文章