在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:会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环,就是说,这个循环至少会被循环一次。
所以每个循环都有各自的好处,想用什么循环看各位自己的习惯,如有不足,请指导一下,谢谢