欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡單學習JavaScript中的for語句循環(huán)結構

 更新時間：2015年11月10日 15:19:50   投稿：goldensun  
這篇文章主要介紹了簡單學習JavaScript中的for語句循環(huán)結構,是JavaScript入門學習中的基礎知識,需要的朋友可以參考下

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

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

關于for循環(huán)，有一下幾點需要注意

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

跳出循環(huán)的方式有如下幾種

  • return 函數(shù)執(zhí)行被終止
  • break 循環(huán)被終止
  • continue 循環(huán)被跳過

完整實例：

<!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)被跳過
  };
  console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
 }
 })();
</script>
</html>

相關文章

  • JavaScript DOM學習第四章 getElementByTagNames

    JavaScript DOM學習第四章 getElementByTagNames

    HTML有一些相關有不同tag名字的相關元素，比如H1-H6或者input，select和TEXTAREA。getElementByTagName只能取得那些有相同tag名稱的元素，所以你不能用他來取得所有的標題或者整個表單內容。
    2010-02-02
  • Javascript學習筆記之 函數(shù)篇（一） : 函數(shù)聲明和函數(shù)表達式

    Javascript學習筆記之 函數(shù)篇（一） : 函數(shù)聲明和函數(shù)表達式

    function 是 Javascript 中的第一類對象，這就意味著函數(shù)可以像其他值一樣被傳遞。一個最常見的用法就是將一個匿名函數(shù)作為回調函數(shù)傳遞到另外一個異步函數(shù)中。
    2014-06-06
  • 優(yōu)化RequireJS項目的相關技巧總結

    優(yōu)化RequireJS項目的相關技巧總結

    這篇文章主要介紹了優(yōu)化RequireJS項目的相關技巧總結,RequireJS是一個人氣JavaScript庫,需要的朋友可以參考下
    2015-07-07
  • JavaScript稀疏數(shù)組示例教程

    JavaScript稀疏數(shù)組示例教程

    這篇文章主要為大家介紹了JavaScript稀疏數(shù)組的使用示例教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-06-06
  • JavaScript高級程序設計（第3版）學習筆記10 再訪js對象

    JavaScript高級程序設計（第3版）學習筆記10 再訪js對象

    在ECMAScript中，兩個核心主題就是對象與函數(shù)，而這兩個主題也有些互相纏繞的，在前面幾個博文中大略的過了一遍函數(shù)相關的基礎知識，這篇文章再回到對象主題上來
    2012-10-10
  • JavaScript從原型到原型鏈深入理解

    JavaScript從原型到原型鏈深入理解

    這篇文章主要介紹了從原型與原型鏈開始講起，如果你想知道構造函數(shù)的實例的原型，原型的原型，原型的原型的原型是什么，就來看看這篇文章吧。下面小編就來帶大家一起學習一下
    2019-06-06
  • javascript數(shù)組操作總結和屬性、方法介紹

    javascript數(shù)組操作總結和屬性、方法介紹

    這篇文章主要介紹了javascript數(shù)組操作總結，例如數(shù)組的創(chuàng)建、添加、刪除、合并等操作方法，同時總結了屬性和操作函數(shù)、方法等,需要的朋友可以參考下
    2014-04-04
  • 詳解JavaScript設計模式開發(fā)中的橋接模式使用

    詳解JavaScript設計模式開發(fā)中的橋接模式使用

    橋接模式的適用場合非常廣泛，除了在事件回調函數(shù)與接口之間進行橋接外,橋接模式也可以用于連接公開的API代碼和私用的實現(xiàn)代碼,下面我們就來詳解JavaScript設計模式開發(fā)中的橋接模式使用
    2016-05-05
  • JavaScript編程中布爾對象的基本使用

    JavaScript編程中布爾對象的基本使用

    這篇文章主要介紹了JavaScript編程中布爾對象的基本使用,是JavaScript入門學習中的基礎知識,需要的朋友可以參考下
    2015-10-10
  • JavaScript 詳解緩動動畫的封裝與使用

    JavaScript 詳解緩動動畫的封裝與使用

    緩動動畫原理：移動的像素慢慢減少，讓效果看起來更柔和更美觀，通過定時器加回調函數(shù)，實現(xiàn)動畫效果以及更多具體功能，非常好用
    2021-11-11

最新評論