前端学习_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” 值