03 js基础 循环

# 1.循环的目的 #

循环的目的：重复执行指定代码

##  1.1 结构语法 ##
    
    for(初始化变量;条件表达式;操作表达式){
        循环体
    }

初始化变量：通常被用于初始化一个计数器，用来计数

条件表达式：用于确定每一次循环是否能被执行

操作表达式：每次循环的最后都要执行的表达式，用于递增或递减计数器变量

## 1.2 js中的循环  ##

主要有三种类型的循环语句

for循环

while 循环

do...while循环

## 1.3 双重for循环 ##

循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构

外层循环循环一次，里层循环执行全部

     

<script>
        // 语法结构
      /*   for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式) {
            for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) {


            }
        } */
    </script>

 

演示代码
    
      

for (var a = 1; a <= 3; a++) {
            console.log("外层循环", +a + '次');

            for (var b = 1; b <= 3; b++) {
                console.log("内层循环", +b + '次');
            }
        }

 

# 2. while循环 #

条件比较复杂的情况

      

// 1.while循环语法结构
        /* while (条件表达式) {
            //循环体
        } */

 

#3. do...while ##

      

 /* do{
                //循环体
            }while(条件表达式) */
    // 执行思路，先执行循环体内容，再判断
    var a = 1
    do {

        alert(a)
        a++
    } while (a <= 10)

 

# 4. continue break #

continue 跳过这次循环
break 跳出循环 

    

 <script>
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                continue;
            }
            console.log('我正在吃第' + i + "包子")
            if (i == 4) {
                break;
            }
        }
    </script>