javascript for循环

循环：一轮一轮的重复做某一件事情（真实项目中一般应用于：循环一个集合或者控制循环处理的次数，每一轮循环控制相关的事情执行一遍）

for(设置初始值；设置循环的条件，控制循环的次数；每一轮循环结束后处理的事情【步长累加】){循环体  （每一轮循环要做的事情）}

     1，设置初始值

     2，验证条件（条件不成立循环结束）

     3，循环体

     4，步长累加

     5，再次验证条件

     6，循环体

     ......

for(var i = 0;i < 5; i++){
    console.log(`本轮循环i的值是：${i}`);  // 本轮循环i的值是：0,本轮循环i的值是：1,本轮循环i的值是：2 ......
}
console.log(`循环结束后，此时的i已经变为：${i}`); // 循环结束后，此时的i已经变为：5

循环体中可能出现的两个关键字

break 强制结束整个循环（循环体中一旦遇到break，整个循环都结束了，break下面的代码不在执行，步长累计也不在执行）

for(var i = 0;  i < 5; i++){
   if(i > 3){
      // i = 4 的时候，遇到了 break ,此时循环结束
      break;
   }
   console.log(`本轮循环i的值是：${i}`); // 0 1 2 3
}
console.log(`循环结束后，此时的i已经变为：${i}`); // 4

continue 结束本轮循环，下一轮继续（循环体中一旦遇到continue,本轮循环结束，continue下面代码不再执行，但是步长累计会执行）

fon(var i = 0; i < 5; i++){
    if(i > 2){
       i +=  1;
       // => i = 3;  i++ =>4 遇到continue：本轮循环结束（下面输出不执行，但是i++会执行）;
       continue;
    }
   console.log(`本轮循环i的值是：${i}`); // 0 1 2 }
console.log(`循环结束后，此时的i已经变为：${i}`); // 5

遍历（循环 / 迭代）数组中的每一项

var arr = [10,20,30,40,50];
for(var i = 0; i < arr.length; i++){
    // arr.length  = 5
    // 第一轮循环 i = 0;
    // arr[0]  => 10;
    // 第二轮循环  i= 1;
    // arr[1] => 20;
    ......
    // 每一轮循环 i 变量存储的值就是我们当前这一轮想获取数组中  当前项的索引
    console.log(arr[i]);
}

遍历对象中的每一个属性：我们无法直接获取到对象中有多个属性（es6中的Object.keys除外），也就无法知道循环多少次，所以无法使用for循环，真实项目中遍历对象我们基于for in循环；

var obj = {
    name: 'jiujiumao',
    age: 10,
    teacher: 'mao'
}
for(var key in obj){
    // 创建变量（存储的是属性） in 对象
    // 当前对象中有多少个可枚举的属性，就循环多少次
    // key 变量存储的是每一循环的属性名
    // obj[key] 获取key变量对象属性名的属性值
    console.log(`本轮循环，属性名：${key}，属性值：${obj[key]}`)
}

for in 遍历的时候，是优先按照从小到大的机制遍历数字属性的

var obj = {
   name: 'jiujiumao',
   age: 10,
   10: 100,
   0: 10
}
for(var key  in obj){
   // 0 10 name age
   console.log(`本轮循环，属性名：${key}，属性值：${obj[key]}`)
}