JavaScript_循环while、do...while、for循环

• 在一些场景中，我们经常要对一些数据做重复执行的操作，所以也就需要用到循环一系列操作。

1. while 循环

/*
* while(condition循环条件){
* 代码(循环体)
* }
*/
// 只有当 循环条件 为真的时候，才会执行循环体的内存,如果为false，就会跳出循环
var i = 0;
while(i<5){
    console.log(i)
    i++
} // 打印 0 1 2 3 4 

• 循环体的单次执行叫做 一次迭代，上面执行了五次，相当于迭代五次。
• 循环体内部 如果没有 i++ 这一操作，理论上在浏览器不被关闭情况下会一直执行下去的。

2. do…while 循环

do{
    循环体
}while(condition循环条件)

• 与 while 不同的是，while 是 检查循环条件，单条件为真的时候执行循环体，而do…while 是先去执行一次循环体内容 然后在去检查条件，不管条件真假，循环体至少执行一次

let i = 0;
do{
    console.log(i)
    i++
}while(i<3)

3. for 循环

• for 循环，比前两种复杂，同时也是平时常用的循环形式。

for(let i=0;i<10;i++){}
/*
	* 包含三个可选表达式
	* 1. 变量声明、初始化一个变量
	* 2. 一个条件表达式，循环判断是否继续执行
	* 3. 每次循环最后都要执行的表达式，执行在 条件表达式的计算之前，通常用于更新或递增变量计数器
*/

4. 跳出循环

• 通常条件为假时，循环就会终止。
• 但是我们也可以通过 break 指令弹出循环

let i = 0;
while(true){
    let value = +prompt("你可以输入个数字");
    if(!value) break; 
    i += value
}
console.log(i) // 你可以在prompt 输入数字然后进行累加 当你输入非数字的内容时，就会跳出循环

for(let i=0;i<10;i++){
    // 如果为真跳过本次循环体
    if(i%2 ==0) continue;
    console.log(i) // 1 3 5 7 9
}
// 对于 偶数 i 值，continue 会停止本次循环，将控制权传递给下一次循环的迭代，因此console.log() 仅被奇数值调用

5. break 和 continue 的区别

• break 跳出 循环
• continue 跳过循环中的一个迭代，继续下一次循环