前端學習_11.Javascript 循環

JavaScript 循環

• JavaScript 支持不同類型的循環：
  • for - 循環代碼塊一定的次數
  • for/in - 循環遍歷對象的屬性
  • while - 當指定的條件爲 true 時循環指定的代碼塊
  • do/while - 同樣當指定的條件爲 true 時循環指定的代碼塊

For 循環

• 語法

  for (語句 1; 語句 2; 語句 3){
  	被執行的代碼塊
  }
  

• 參數
  • 語句 1 （代碼塊）開始前執行
  • 語句 2 定義運行循環（代碼塊）的條件
  • 語句 3 在循環（代碼塊）已被執行之後執行
• 實例

  for (var i=0; i<5; i++){
    	x=x + "該數字爲 " + i + "<br>";
  }
  

• 通常我們會使用語句 1 初始化循環中所用的變量，可多個初始化 (var i=0,en=cars.length)。

  for (var i=0,len=cars.length; i<len; i++){ 
   	document.write(cars[i] + "<br>");
  }
  

For/In 循環

• for/in 語句循環遍歷對象的屬性
• 語法

  for ( 屬性 in 對象){ 
   	被執行的代碼塊
  }
  

• 實例

  var person={fname:"John",lname:"Doe",age:25};  
  for (x in person){// x 爲屬性名
  	txt=txt + person[x];
  }
  

While 循環

• while 循環會在指定條件爲真時循環執行代碼塊。
• 語法

  while (條件){
  	需要執行的代碼
  }
  

• 實例

  while (i<5){
   	x=x + "The number is " + i + "<br>";
   	i++;
  }
  

Do/while 循環

• do/while 循環是 while 循環的變體。該循環會在檢查條件是否爲真之前執行一次代碼塊，然後如果條件爲真的話，就會重複這個循環。
• 語法

  do{
  	需要執行的代碼
  }while (條件);
  

• 實例

  do{
   x=x + "The number is " + i + "<br>";
  	i++;
  }while (i<5);
  

• while 和 do/while 的區別 : do/while至少會執行一遍

數組ForEach 循環

• forEach() 方法用於調用數組的每個元素，並將元素傳遞給回調函數
• 注意: forEach() 對於空數組是不會執行回調函數的
• 語法

  array.forEach(function(currentValue, index, arr), thisValue){
  	需要執行的代碼
  }
  

• 參數

參數	描述
currentValue	必需。當前元素
index	可選。當前元素的索引值。
arr	可選。當前元素所屬的數組對象。
thisValue	可選。傳遞給函數的值一般用 “this” 值。如果這個參數爲空， “undefined” 會傳遞給 “this” 值