javascript循环语句学习梳理

272 阅读3分钟

js中的循环语句

循环语句

循环的作用

循环目的

在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句 js中的循环方法: 1.while 2.do...while 3.for 它们的相同之处,都能够实现循环。不同的地方,格式不一样,使用的场景略有不同。

while循环

什么是:while循环

while是计算机的一种基本循环模式。当满足条件时进入循环,进入循环后,当条件不满足时,跳出循环。

while语句的一般表达式为:while(表达式){循环体}。

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

语法格式

//while循环
//循环变量初始化
while(条件){
    //条件体语句块
    //改变循环的变量
}
//后续变量

基本使用

//在页面中输出5次'我是最棒的'
var i = 0;//循环的初始值,在开始的时候被执行一次
while(i < 5){//循环条件  如果满足循环条件,就进入大括号;进行执行
    document.write('我是最棒的');//循环体,重复执行代码
    i++;//增量
}
document.write('后续代码');//当循环体结束后,继续执行代码

注意:while循环的使用细节:

1.在循环体中,一定要修改循环变量的值,否则会进入死循环

2.循环变量的初始化一定放在while之前

3.while之后,有一个(),表示要判断的条件,里面就是一个条件表达式

4.循环体,可以使用{},也可以不使用{},但是如果不使用,循环体就只有一条语句,建议大家任何情况下都加上{}。

for循环

什么是:for循环

for循环是编程语言中一种循环语句,而循环语句由循环体及循环的判定条件两部分组成
表达为:for(单次表达式;条件表达式;末尾循环体){中间循环体;}。

语法结构

for 循环主要用于把某些代码循环若干次,通常跟计数有关系。
其语法结构如下:
for(初始化变量; 条件表达式; 操作表达式 ){
    //循环体
}

初始化变量:通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。
条件表达式:用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环。
操作表达式:每次循环的最后都要执行的表达式。通常被用于更新或者递增计数器变量。当然,递减变量也是可以的。

执行过程

初始化变量,初始化操作在整个 for 循环只会执行一次。

执行条件表达式,如果为true,则执行循环体语句,否则退出循环,循环结束。

执行操作表达式,此时第一轮结束。

第二轮开始,直接去执行条件表达式(不再初始化变量),如果为 true ,则去执行循环体语句,否则退出循环。

继续执行操作表达式,第二轮结束。

后续跟第二轮一致,直至条件表达式为假,结束整个 for 循环。

do...while循环

什么是:do...while循环

do-whil循环将先运行一次,因为经过第一次do循环后,当检查条件表达式的值时,其值为不成立时而会退出循环。保证了至少执行do{}内的语句一次。

使用场景

基本上和while是一致的。
格式:
 //循环变量初始化
do{
    // 循环体语句块
     // 修改循环变量
} while(条件表达式)

基本用法

// 在页面中输出5次你真好
        var i =0;
        do{
            document.write('我是最棒的');//循环体,重复执行的代码块
            i++;//增加
        }while('后续代码')//循环条件
        // 注意:先执行循环体,然后判断


今日小结:

1.while循环:先判断再执行

2.do.while循环:先执行再判断

3.for括号里面必须有且仅有两个分号