开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第18天，点击查看活动详情

前言

循环是我们在开发过程中必不可少的方法，之前我们讲解数组方法时有好几种都能循环，循环相关方法是必须要掌握的，今天我们来学习一下循环方法。

for相关

for循环

for循环是最基础的一种循环方法，for接收三个语句，后面是需要执行的代码块。基本语法如下： for(sta1;sta2;sta3){code}

其中sta1在代码块前执行，sta2表示循环条件的表示大，sta3在代码块后执行。

• sta1：初始化语句，用来初始化循环所用的所有变量，在循环语句前声明变量也可以，所以sta1语句是可选的。

    var i = 0;
    for (var num = 2; i < num; i++) {
      console.log(i);
    }// 循环两次 0 1

• sta2：条件语句。循环会在条件返回false结束。这个语句也可以不传，当该语句不传时一定要用break，不然会死循环。

    for (var i = 0; ; i++) {
      if (i > 1) break;
      console.log(i);
    } // 循环两次

• sta3：改变语句。用来改变变量的值，具体的改变规则我们可以自定义，它也可以不传，在代码块中调用即可。所以for的三个语句，其实都可以不用传。

    var i = 3;
    for (;;) {
      i--;
      if (i < 1) break;
      console.log(i)
    }//循环两次

for in

for in用来循环对象，里面的变量表示对象的key,for in并不能循环Symbol属性。具体语法如下： for(key in obj){code}

    var obj = {
      name: '躺平',
      age: 50
    };
    for (key in obj){
      console.log(key)
    }//name age

for of

for of也是循环方法，相比于for in，for of 可以对可迭代对象进行循环，所有for of一般用于循环数组。语法如下：

for(ele of ietr){code}

ele就是可迭代对象的元素。

    var arr = [1, 2];
    for (e of arr) {
      console.log(e);
    } //1 2

while相关

while

while也是一种循环语法，while会接受条件，变量满足条件就会执行代码块： while(condition){code}

    var i = 0;
    while (i < 3) {
      console.log(i);
      i++;
    }//循环三次

do while

do while会在条件判断前执行一次代码，不管变量是否满足条件,执行代码放到do的后面： do{code}while(condition)

    var i = 0;
    do {
      console.log(i);
      i++;
    } while (i > 3);//执行一次 0

总结

for、while相关循环方法，for注重于元素，侧重循环所有元素，而while注重于条件，找到符合条件的元素。两者相关方法我们要熟记并且清楚方法的用法及之间的区别。