JS课程分享(5.流程控制-循环)

在JS 中，主要有三种类型的循环语句：for 循环、while 循环、do while 循环

一、for 循环

1、循环  是由一组重复执行的语句  是否能继续重复执行，取决于终止条件
2、结构
for ( 变量初始化, 条件表达式, 操作表达式) {
   循环体 - 输出结果
 }

3、初始化变量 就是用 var 声明的一个普通变量，通常用于作为计数器使用
4、条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件 
5、操作表达式 是每次循环最后执行的代码，经常用于我们计数器变量进行更新（递增或者递减）

// document.write('我错了!');
// document.write('我错了!');
// document.write('我错了!');
// 6、代码体验
for (var i = 0; i <= 10; i++) {
    document.write('我错了!这是第' + i + '遍<br/>');

}

很多情况下，单层for 循环并不能满足我们的需求，比如我们要在页面打印一个五行五列的图形、打印一

个倒直角三角形等，此时就可以通过循环嵌套来实现。
循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构，例如在for循环语句中，可以在嵌套一

个for循环，这样的for循环语句我们称之为 双重fo循环。

  嵌套for 循环语法结构
    for( 变量初始化;  条件表达式;  操作表达式){
        for( 变量初始化;  条件表达式;  操作表达式){       
            // 循环体
        }
        // 循环体
    }
    // 结果
    for (var k=1; k<=5; k++){   // 第一层循环  控制行数
        for(var j=1; j<=5; j++){  // 第二层循环   控制列数  
            document.write('★');
        }
        document.write("<br/>");
    }

for 循环小结

● for循环可以重复执行相同代码

●for循环可以重复执行不同的代码，因为我们有计数器

●for循环可以重复执行某些操作，比如算术运算符加法操作

●随着需求增加，双重for循环可以做更多、更好看的效果

●双重for循环，外层循环一次，内层循环全部，并执行

●for循环是循环条件和数字直接相关的循环

●分析要比写代码重要

●一些核心算法想不到，但是要学会，分析它执行过程。

二、while 循环

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

while 语句的语法结构如下：

while(条件表达式){
	//循环语句
}

while  当我们条件表达式为真的时候，循环执行指定的代码，
	   如果为假的时候，结束此循环
   var num =1;
    while( num  <=  10 ){
        console.log('hello world'); 
        num++;
    }

    // var message = prompt('你爱我吗？') ;
    // while(message !== '爱'){
    //     message = prompt('你爱我吗？') ;
    // }
    // alert('我也爱你');


    // 执行顺序总结：
    // 1、先执行条件表达式，条件为真时，执行循环体，当条件为 false时，跳出循环
    // 2、执行循环体代码
    // 3、循环体执行完毕后，继续判断条件表达式，如果为true ，则继续循环，
    // 4、如果条件表达式为false ，则退出循环。循环结束。

三、do while 循环

do while 语句其实是while语句的一个变体。该循环会先执行一次代码块，然后对条件表达式进行判断，

如果条件为真，就会重复执行循环体，否则退出循环。

do…while 语句的语法结构如下：

do{
	//循环代码  条件表达式为true时重复执行循环体代码
}while(条件表达式)

  var num = 1;
    do {
        document.write('how are you ?' + '<br>');
        num++;
    } while (num <= 10)

执行思路：
1、先执行一次循环体代码
2、再执行条件表达式，如果结果为true，则继续执行循环体代码，否则退出循环，继续执行后面代码

注意：先执行循环体，在判断，我们发现 do...while 循环语句至少会执行一次循环体代码

循环小结：

●JS 中循环有 for 、 while 、 do while

●三个循环很多情况下都可以相互替代使用

●如果是用来计次数，跟数字相关的，三者使用基本相同，但是我们更喜欢用for

●while 和 do while 可以做更复杂的判断条件，比for 循环灵活一些

●while 和 do while 执行顺序不一样，while 先判断后执行，dowhile 先执行一次，在判断条件

●实际工作中，我们更经常for循环语句，它写法更简洁直观，所以这个要重点学习

附：break关键字和continue关键字的区别

break用于立即跳出循环
continue用于跳出本次循环 继续下一次循环

小弟是个新手，有不对的欢迎指正，谢谢啦！