三分钟学会JS中的for、while、do while,并且区分

在JS中,我们基础的循环就是while循环、do-while循环、for循环;
循环之前,首先我们得知道循环结构的执行步骤:
①声明循环变量;
②判断循环条件;
③执行循环体操作;
④更新循环变量;
⑤然后循环执行执行②-④,直到条件不成立,跳出循环。

1、while循环会在指定条件为真时循环执行代码块。

while(条件){
    
    
	需要执行的代码
}

例如:

var num = 1;//1、声明循环变量
            
while (num<=10){
    
    //2、判断循环条件;
    document.write(num+"<br />");//3、执行循环体操作;
    num++;//4、更新循环变量;
}

while循环()中的表达式,运算结果可以是各种类型,但是最终都会转换真假:
①Boolean:true为真,false为假;
②String:空字符串为假,所有非空字符串为真;
③Number:0为假,一切非0数字为真;
④null/Undefined/NaN:全为假。

如果忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。

2、do-while循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。

do{
    
    
	需要执行的代码
}while(条件);

例如:

var num = 0;
            
do{
    
    
    document.write(num+"<br />");//0 1 2 3 4 5 6 7 8 9 10
    num++;
    }while(num>=0);
            
document.write(num);//+1

记得增加条件中所用变量的值,否则循环永远不会结束!

3、for循环可以将代码块执行指定的次数。
一、for有三个表达式:①声明循环变量;②判断循环条件;③更新循环变量;三个表达式之间,用;分割,for循环三个表达式都可以省略,但是两个“;”缺一不可。
二、for循环的执行特点:先判断再执行,与while相同
三、for循环三个表达式都可以有多部分组成,第二部分多个判断条件用&& ||连接,第一三部分用逗号分割;

for(语句1; 语句 2;语句 3){
    
    
	被执行的代码块
}

语句 1 (代码块)开始前执行

语句 2 定义运行循环(代码块)的条件

语句 3 在循环(代码块)已被执行之后执行
例如:

for (var num =1; num<=10; num++) {
    
    
   document.write(num+" <br />"); //1 2 3 4 5 6 7 8 9 10 
}

区别:
for:一般指的是知道循环的次数,一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。
while:只要指定条件为 true,循环就可以一直执行代码块。但是当条件不允许的时候,循环体可以一次都不循环。
do-while:会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环,就是说,这个循环至少会被循环一次。

所以每个循环都有各自的好处,想用什么循环看各位自己的习惯,如有不足,请指导一下,谢谢

猜你喜欢

转载自blog.csdn.net/joyouscola/article/details/112688978