js-循环

for循环
在程序中，一组被重新执行的语句被称之为循环体，能否继续重复执行，取决于循环的终值条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。

//1、for重复执行某些代码，通常跟计数有关系
//2、for语法结构
for(初始化变量; 条件表达式; 操作表达式){
	//循环体
}
//3、初始化变量 就是用var声明一个普通变量，通常用于作为计数器使用
//4、条件表达式 用来决定每一次循环是否继续执行 终止的条件
//5、操作表达式 是每次循环最后执行的代码 常用于计数器变量进行更新 （递增或递减）
<script>
        for (var i = 1; i <= 10; i++) {
            console.log(i);
        }
</script>

执行原理：
1、首先执行里面的计数器变量 var i=1，但这句话在for循环只执行一次
2、其次去i<=10来判断是否满足条件，如满足，就去执行循环体，不满足条件退出循环
3、最后执行i++，进行递增，i++是单独写的代码。
4、第一轮结束，接着执行i<=10如满足条件继续执行，不满足条件退出循环

双重for循环
循环嵌套是指在一个循环语句中再定义一个循环语法的语法结构，例如在for循环语句中，可以再嵌套一个for循环，这样的for循环语句称之为双重for循环。

//1、双重for循环 语法结构
for(外层的初始化变量; 外层的条件表达式; 外层的操作表达式){
	for(里层的初始化变量; 里层的条件表达式; 里层的操作表达式){
		//执行语句
	}
}
//2、把里面的循环看作是外层循环的语句
//3、外层循环循环一次，里面的循环执行全部
//4、代码验证
for (var i = 1; i <= 3; i++) {
            for (var j = 1; j <= 3; j++) {
                console.log(j);

            }
        }

for循环小结
● for循环可以重复执行某些相同代码
● for循环可以重复执行些许不同的代码，因为有计数器
● for循环可以重复执行某些操作，比如算数运算符加法操作
● 随着需求的增加，双重for循环可以做更多、更好看的效果
● 双重for循环，外层循环一次，内层for循环全部执行
● for循环是循环条件和数字直接相关的循环

while循环
while语句可以在条件表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。
while语句的语法结构：

while(条件表达式){
	//循环体代码
}

执行思路：
①先执行条件表达式，如果结果为true，则执行循环体代码；如果为false，则退出循环，执行后面代码
②执行循环体代码
③循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件扔为true，则会继续执行循环体，直到循环体条件为false时，整个循环过程才会结束
执行案例：

<script>
        var num = 1;
        while (num <= 10) {
            console.log('你好吗？');
            num++;

        }
    </script>

注意：必须加num++，否则会死循环；

小案例：
弹出提示框，你爱我吗？ 如果输入我爱你，则提示结束，否则，一直询问

<script>
        var message = prompt('你爱我吗？');
        while (message != '我爱你') {
            message = prompt('你爱我吗？');

        }
        alert('我也爱你')
</script>

do while 循环
do…while语句其实是while语句的一个变体。该循环会先执行此次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环体。

//1、do while 循环 语法结构
do{
	//循环体
}while(表达式)
//2、执行思路 跟while不同的地方在于do while 先执行一次循环体，在判断条件
//3、具体用法：
<script>
        var num = 1;
        do {
            console.log('你好吗？');
            num++;
        } while (num <= 10);
</script>

注意：必须加num++，否则会死循环；

循环小结
● JS中循环有for、while、do while
● 三个循环很多情况下都可以相互替代使用
● 如果是用来计次数，跟数字相关的，三者使用基本相同，但平常更喜欢用for
● while和do…while可以做更复杂的判断条件，比for循环更灵活一些
● while和do…while执行顺序不一样，while先判断后执行，do…while先执行一次，再判断执行
● while和do…while执行次数不一样，do…while至少会执行一次循环体，而while可能一次也不执行

continue关键字
continue关键字用于立即跳出本次循环，继续下次循环（本次循环体中continue之后的代码就会少执行一次）。

 <script>
        //continue关键字 退出本次（当前次的循环），继续执行剩余次数循环
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                continue; //只要预见continue就退出本次循环 直接跳到i++
            }
            console.log('我吃了' + i + '个包子');

        } 
        //输出结果 我吃了1个包子，我吃了2个包子，我吃了4个包子，我吃了5个包子
    </script>

小案例
求1~100之间，除了能被7整除之外的整数和

<script>
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 7 == 0) {
                continue;

            }
            sum += i;
        }
        console.log(sum);
    </script>
    //输出结果为4315

break关键字
break关键字用于立即跳出整个循环（循环结束）。

//break 退出整个循环
for(var i = 1; i <= 5; i++ ){
	if(i == 3){
		break;  //只要预见break 立即跳出整个循环
	}
	console.log('我吃了‘ + i + ’个包子')
}
//输出结果：我吃了1个包子，我吃了2个包子