JavaScript | 循环知识(二)

161 阅读4分钟

阅读顺序

  • 第一篇 零基础入门基础知识
  • 第二篇 关于循环的基础知识
  • 第三篇 JavaScript里的命名规则

目的

  • 能够说出循环的目的
    • 答:重复执行某些语句
  • 能够说出for循环的执行过程
  • 能够使用断点调试来观察代码执行过程
  • 能够使用for 循环完成累加求和等案例
  • 能够使用双重for循环完成乘法表案例
  • 能够说出while循环和do while循环的区别
  • 能够说出break 和continue的区别

会的可以在评论写出答案哦!

知识点

  • 循环
  • for 循环
  • 双重for循环
  • while 循环
  • do while 循环
  • continue break

1. 循环

循环目的:

重复执行某些语句

2. for 循环

在程序中,一直被重复执行的语句叫循环体 ,能否一直循环,取决于终止条件。

循环体+终止条件组成的语句=循环语句

2.1 语法结构

for (初始化变量;条件表达式;操作表达式){
        //循环体
}

// 初始化变量 是var申明的普通变量
// 条件表达式 是终止的条件
// 操作表达式 是每次循环最后执行的代码,递增或递减

代码的执行过程

       for (var i =1 ; i<=100;i++){
            console.log('你是猪')
        }
        
  1. 首先执行 一次 var i=1 ,
  2. 去i<=100判断是否满足条件, 满足就执行循环体,不满足退出循环
  3. 最后执行i++,第一轮结束
  4. 继续执行i<=100 ,满足就继续执行循环体,不满足退出

断点调试

可以观察程序的运行过程

非常重要

3. 双重for循环

3.1 双重for 循环概述

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

3.2 语法结构

        for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式) {
            for(里层的初始化变量; 里层的条件表达式; 里层的操作表达式) {
                //执行语句;
            }
            
        }

3.3 执行过程

外层循环一次,里面执行全部

3.4 for循环小结

  • for 循环可以重复执行某些相同的代码
  • for 循环可以重复执行些许不同的代码,因为计数器
  • for 循环可以重复执行某些操作,比如算术运算符加法操作
  • 双重for循环可以做更多更好看的效果
  • 双重for循环,外层循环一次,内层全部执行
  • for循环是循环条件和数字直接相关的循环
  • 分析比写代码更重要

while循环

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

执行思路:

当条件表达式为true,则执行,否则退出循环

里面最好也有计数器,初始化变量,操作表达式,防止死循环

do while 循环

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

        do { 
            //循环体
        }while (条件表达式)
        // 执行思路跟while不同的地方在于do while 先执行一次循环体在判断条件

循环小结

三个循环

  • for
  • while
  • do while
  • 三个循环很多情况下都可以相互替代使用
  • 如果是用来计次数,跟数字相关的,三者使用基本相同,但是我们更喜欢用for
  • while和do...while可以做更复杂的判断条件,比for循环灵活一些
  • while和do..while执行顺序不一样,while先判断后执行,do...while先执行一次,再判断执行
  • while和do..while执行次数不一样,do...while至少会执行一次循环体,而while可能一次也不执行
  • 实际工作中,我们更常用for循环语句,它写法更简洁直观,所以这个要重点学习

6. continue break

6.1 continue 关键字

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

6.2 break 关键字

break 关键字用于立即跳出整个循环(循环结束)。 例如,吃5个包子,吃到第3个发现里面有半个虫子,其余的不吃了

循环小作业

  1. 求1-100之间所有数的总和与平均值
  2. 求1-100之间所有偶数的和
  3. 求100以内7的倍数的总和