循环语句在js当中主要用于重复做一件事情。

js当中最主要的循环语句有三种，for循环，while循环和do-while循环

for

for 是一种经常被用到的循环结构

例如：控制台循环打印1到10 的数字

// for 括号后跟着 三个表达式， 三个表达式用 分号(;) 隔开
// var i = 0 表示定义一个循环遍历变量， 并赋初值 为 0
// i < 10 表示 一个 布尔表达式， 如果此条件为真，则会一直执行循环代码块当中的内容
// 表达式 i++ 用来循环更新变量，使得变量越来越接近于 布尔表达式当中的10
<script>
      for (var i = 0; i < 10; i++) {
				// 循环代码块
        console.log(i + 1);
      }
</script>

从上面的例子可以看出， var i = 0 ; 只执行一次， 然后再执行 i < 10 ，如果成立 执行 循环代码块中的内容 ， 最后执行 i++ ; 然后循环 从 i < 10 …到 i++ 往复执行

for 语句执行过程

while

while 也是一种循环结构，它经常作用于不知道要遍历多少次，只知道什么时候结束的场景。

使用while语句需要注意：在循环语句体内必须定义一个退出的条件， 否则会造成死循环

while 语句执行过程

while 循环通常先判断条件表达式，然后再决定是否执行循环语句体中的内容

while(布尔测试条件) {

	// 语句体
}

 

举例

<script>
    // 定义循环变量
    var i = 1;
		// 判断是有资格进入循环条件内容
    while (i < 10) {
      console.log(i);
			// 设置自增， 使得 i 满足 大于 10 后退出
      i++;
    }
</script>

do-while

do-while 也是一种循环结构， 通常do-while 是 先执行循环体然后才判断条件（这个正好和while相反，while是先判断条件后执行）， 条件判断的结果影响是否下一次进入循环语句

所以说 do-while会至少执行一次

语法

do {
  // 循环体	
} while(循环条件判断)

举例

do-while至少执行一次

<script>
  do {
    console.log("执行");
	} while (false);
</script>

do-while 循环打印

<script>
      var i = 0;
      do {
        console.log(i);
        i++;
      } while (i < 10);
    </script>

break

break 代表终止循环 ，在 for ，while 和 do..while 中都可以使用

举例：for 循环 break

<script>
      // 输出打印到 5 就终止了
      for (var i = 0; i < 10; i++) {
        console.log(i);
        if (i == 5) {
          break;
        }
      }
</script>

while循环break

<script>
    var i = 0;
    while (i < 10) {
      console.log(i);
      if (i == 5) {
        break;
      }
      i++;
    }
</script>

do…while 循环 break

<script>
      var j = 0;
      do {
        console.log(j);
        j++;
        if (j == 6) {
          break;
        }
      } while (j < 10);
    </script>

虽然以上三个例子都还没有到达条件语句结尾， 但是break 就可以提前结束循环

continue

continue 表示跳过某一次的循环进入到下次循环，本次条件符合，continue 后面的语句则不会被执行

举例

for 循环跳过某次执行

<script>
			// 可以看到输出结果，唯独没有打印 5 ，因为被 continue 跳过了
      for (var i = 0; i < 10; i++) {
        if (i == 5) {
          continue;
        }
        console.log(i);
      }
    </script>

while 循环跳过某次执行

<script>

    var i = 0;
    while (i < 10) {
      if (i == 5) {
        i = 6;
        continue;
      }
      console.log(i);
      i++;
    }
  </script>

do…while 跳过某次执行

<script>
      var i = 0;
      do {
        console.log(i);
        i++;
        if (i == 5) {
          i = 6;
          continue;
        }
      } while (i < 10);
    </script>

死循环

死循环是永远也不退出的循环

死循环有时候是我们故意写的，比如 一直执行某个任务

for 死循环

// for 循环表达式中什么也不写，即为 死循环，即不会主动退出的循环
for(;;) {
	// 循环体
}

while 死循环

while (true) {     console.log("run...");}

do-while 死循环

do { console.log("run...");} while(true);