JS中的循环

一、while循环

• 语法：while ( 判断条件 ) { 满足条件执行的代码 }
• 在满足条件的时候就会执行，如果我们没有写边界值，就会进入死循环，会让浏览器崩溃。
• 例1：输出0到10的数字

// 1. 初始化条件
var num = 0;
// 2. 条件判断
while (num < 10) {
  	// 3. 要执行的代码
  	console.log('当前的 num 的值是 ' + num)
 	 // 4. 自身改变
  	num = num + 1
}

显示结果：

二、do while循环

• 该循环不管条件，都会先执行一次，执行完第一次再做条件判断。
• -语法：do { 要执行的代码 } while ( 条件 )
• 例：

var num=10;
d{
	console.log('我执行了一次');
	num=num+1;
} while (num<10)

显示结果：只执行了一次

三、for 循环

• 和while和do while都是一样，都是用来循环的
• 语法：for (初始值; 判断条件; 改变自身) { 要执行的代码 }
• 例：

// 把初始化，条件判断，自身改变，写在了一起
for (var i = 1; i <= 10; i++) {
  // 这里写的是要执行的代码
  console.log(i)
}

// 控制台会依次输出 1 ~ 10 

显示结果：

四、break终止循环

• 在循环没有进行完毕的时候，因为我设置的条件满足，提前终止循环
• 要终止循环，就可以直接使用 break 关键字
• 例：

for (var i = 1; i <= 5; i++) {
  // 循环打印出1到5的数
  console.log(i)
  // 当 i 的值为 3 的时候，条件为 true，执行 {} 里面的代码终止循环
  // 循环就不会继续向下执行了，也就没有 4 和 5 了
  if (i === 3) {
    break
  }
}

显示结果：在i等于3的时候就终止循环，跳出

五、continue 结束本次循环

• 在循环中，把循环的本次跳过去，继续执行后续的循环
• 例：在i等于3的时候直接结束本次循环，不会将3打印出来，然后跳出继续打印4、5

for (var i = 1; i <= 5; i++) {
   if (i === 3) {
    continue
  }
  console.log(i)
}

显示结果：