JS基础的4大王牌循环语句语法与执行原理

一、while循环

语法：

//条件的结果是能够得到布尔值的表达式
//逻辑运算符，比较运算符，具体的值，比如true，false
var i=0;
while(条件){
    //循环体，即要重复做的事情
    //可以写我们学过的和将来要学习的任意代码
    i++;
}
循环后面的语句;
//执行步骤：
1.看while中()的条件是否成立
2.如果成立则执行{}中的语句，如果不成立，则直接跳出循环
3.{}的代码执行完毕后，再回到while循环开始处，看看条件是否成立，如此反复，直到循环条件不成立退出循环
4.循环结束后，执行循环外面后面的语句

举例：

var i=1;//0,1,2.....10
// 新开一个容器准备放偶数的和
var sum=0;//2+4+6+8+10+12....100
// 一定要写让循环结束的条件
while(i<=100){ 
    if(i%2==0){
        document.write(i+"<br>")
        // 将偶数都添加到sum中进行相加，即sum保存就是原来的值加新的值
        sum=sum+i;
    }
    i++;
}
// 算完后在这里输出sum的值
alert(sum);

二、do-while循环

如果想要先执行再判断条件，则用do-while.否则用while。

语法：
do{
    //要重复执行的循环体代码
}while(条件)
//与while循环唯一的区别是，它是先执行了循环体，再判断条件是否成立，也就是它至少会执行一次，而while循环可能一次都不会执行，其他的执行原理等同while循环。   

举例：

//初始量
var i=10;
do{
    document.write(i);
    i++;
}while(i<10);

三、for循环

//语法：
for(表达式1;表达式2;表达式3){
    //循环体语句;
}
//原理：
表达式1用来初始化循环中所使用的变量，可选,只会执行一次
表达式2用来定义循环的条件，只要表达式为true就可以继续执行，可选
表达式3用来操作初始变量，可选

执行步骤：

1. 首先执行for中的3个表达式中的第一个
2. 执行表达式2，看看条件是否成立
3. 如果条件成立，则执行循环体{}，如果条件不车成立，则直接退出循环
4. 执行循环体后，再执行表达式3，执行后，再重复回到步骤2,3,4，直到退出循环为止

举例：

var sum=0;
for(var i=1;i<=10;i++){
    // sum+=i;
    sum=sum+i;

}
//打印总和
console.log(sum);

四、continue语句

配合循环使用的。即用在循环语句中。

作用：可以跳出某一次循环，其他循环继续

比如：让你抄50遍单词，其中第10次不用抄。

for(var a=1;a<50;a++){
    //循环体   4  ，10不输出
    if(a==10){
       continue;//只要遇到continue就会跳出本次循环
    }
    console.log(a);
}

五、break语句

配合循环使用的。即用在循环语句中。

作用：直接跳出循环，其他循环不再继续

比如：原本让你抄50遍单词，超了20遍后不抄了。

for(var a=1;a<50;a++){
    //循环体   4  ，10不输出
    if(a==20){
       break;//如果a=20时则跳出整个循环
     }
    console.log(a);
}

六、循环嵌套

使用概率不到10%，主要是锻炼逻辑思维和对循环的理解

//原则：每进行一次外循环，都会完整的执行一次内循环
for(var i=0;i<10;i++){
    //在循环体中再嵌入一个完整的的循环即为循环嵌套（内循环）
    for(var j=0;j<5;j++){
        console.log(i+","+j)
    }
}
//执行步骤：
1.执行外循环的表达式1
2.执行外循环的表达式2，看条件是否成立，如果成立则进入到3，否则直接跳出循环
3.执行循环体，里面是循环，则执行这里的循环语句
    即：执行内循环的表达式1，内循环的表达式2，再执行内循环的循环体，再执行内循环的表达式3，看看内循环的表达式2、、、、

4.执行外循环的表达式3
重复2-4

相关单词

1. while 当…时候

2. do 做，干

3. for 为了

4. document.write() 作用：在HTML中写(在网页中显示)

   console.log(数据); 在浏览器控制台打印

5. continue 继续

6. break 打破，终止