for循环详解

**

一、for 循环(我们在开发中使用最多的一种循环, 必须掌握)

    + 也是我们循环语法的一种
    + 语法: for ( 初始化; 条件判断; 自身改变 ) { 重复执行的代码 }
      => 只是一种特殊的语法形式
      => 执行顺序和书写顺序不一样
      => 只是书写顺序很诡异
      => 执行顺序还是 1 234 234 234 ... 2
      => 也能给我们提供一组有规律的数字
    + 注意:
      1. 初始化, 条件判断, 和自身改变之间使用 分号 分隔

for 循环的第一种语法形式

//   1. 初始化   2. 条件  4. 自身改变
for (var i = 1; i <= 10; ++i) {
  // 3. 要重复执行的代码
  console.log(i)
}

// 因为这里不管是 ++i 还是 i++, 我们都不需要他参与运算
// 只是为了让 i 的值 +1
// 4号位置不是为了运算的, 是为了让自身改变的

for 循环语法的第二种形式

var i = 0                           // 1. 初始化
 for (; i <= 10; ) {                 // 2. 条件判断
  console.log('我执行了')            // 3. 重复执行代码
  i++                               // 4. 改变初始化
 }

for(定义初始变量;循环条件;变量变化){
循环语句块
} */

    // ______

  /*  var i=0;
   while(true){
       if(i>10) break;
       i++;
   }

   for(var i=0;;i++){
       if(i>10) break;
   } */

/*
var str="

• ";
  for(var i=0;i<10;i++){
  str+="
• "+i+"
• ";
  }
  str+="

";
document.write(str);
*/

  /*   var sum=0;

// 变量初始化 在进入循环前执行一次
for(var i=0;i<100;i++){
sum+=i;
}
console.log(sum); */

    /* for(var i=0,sum=0;i<100;i++){
        sum+=i;
    }
    console.log(sum); */

   /*  while(i++<100){

    } */
     **

条件是每次进入循环之前都会执行并且判断**

**
// SS
/* for(var i=0,sum=0;i++<100;){
sum+=i;
}
console.log(sum); */

    // SSS
    ****// for循环的第三个部分是每次循环完成语句块后执行的内容****
    // for(var i=0,sum=0;i<100;sum+=i,i++);
    // console.log(sum);


    /* for(定义初始变量;循环条件;变量变化){
        循环语句块
    } */
     // 变量初始化 在进入循环前执行一次
    // 条件是每次进入循环之前都会执行并且判断
     // for循环的第三个部分是每次循环完成语句块后执行的内容
    // for循环三个部分 第二个条件部分不能使用逗号分隔多个条件，只能使用逻辑与，
    // 逻辑或， 其他两个部分都可以使用逗号来分隔多个语句内容
    //  && 逻辑与    || 逻辑或

/*
for(var i=0,sum=0;i<100;i+=2){
sum+=i;
} */

/*
for(var i=0;i<100;i++){
if(i===50) break;
console.log(i);
} */

    // 如果没有条件语句，默认可以直接进入语句块，无限循环
  /*   for(var i=0;;i++){
        if(i===50) break;
        console.log(i);
    } */

/*
var i=0;
var sum=0;
while(i<10){
// 死循环
if(i===5){
i++;
continue;
// 继续 当遇到continue,不继续向后执行，跳出本次循环
}
sum+=i;
i++;
} */

    /* for(var i=0;i<10;i++){
        if(i===5){
            continue;
        }
        console.log(i);
    } */


     // 0-100
    // 0-25,30-50,52-80,85-100

    /* for(var i=0;i<100;i++){
        if(i>25 && i<30) continue;
        if(i>50 && i<52) continue;
        if(i>80 && i<85) continue;
        console.log(i);
    } */

/*
for(var i=0;i<100;i++){
if(i===26){
i=29;
continue;
}
console.log(i);
} */

   /*  var str="";
    for(var i=0;i<5;i++){
        str+="<ul>";
        // 外层循环的变量，不要在内层循环重复定义
        for(var j=0;j<10;j++){
            str+="<li>"+j+"</li>";
        }
        str+="</ul>";
    }
    document.write(str); */