在js中,如果我们要连续输出同样的一句话多次,会比较麻烦
//输出 xxx,不愧是你!! 6 次
console.log('不愧是你!!');
console.log('不愧是你!!');
console.log('不愧是你!!');
console.log('不愧是你!!');
console.log('不愧是你!!');
console.log('不愧是你!!');
同样的代码我们写了6次,这样是不好的,重复多次时,我们使用循环结构结构
1、for循环
语法:
for(初始化表达式 ; 条件表达式 ; 递增或者递减表达式){
循环体(需要重复执行的代码)
}
for(var count = 0;count < 6; count++){
console.log('javascript天下无敌!!!');
}
执行过程:
1.先执行初始化表达式
2.判断条件是否成立
3.如果成立,执行循环体
4.执行递增表达式
重复2~4,直到第2步的条件为false,就结束循环
练习:
- 求1~10之间的所有整数和
- 在控制台输出1到10的数字中偶数的累加和
2、while循环
语法:
while( 条件表达式 ){
当表达式的结果是true的时候,这里面的代码会重复的执行,直到条件为false
循环体(需要重复执行的代码)
}
var count = 0;
while(count < 10){
console.log('javascript天下第一!!!');
count++;
}
执行过程:
1.先判断条件是否成立
2.如果成立,会执行循环体
3.重复1~2过程,直到条件为false为止
3、do-while循环
语法:
do {
循环体(需要重复执行的代码)
}while (条件)
var i = 0;
do{
console.log(i);
i++;
}while(i<10)
执行过程:
1.先执行循环体1次
2.再判断条件是否成立
3.如果成立,就执行循环体
4.重复2~3多次,直到条件是false为止
4、循环的结束语句(掌握)
某些情况下,我们不一定要循环从头到尾执行,这个时候就要使用break和continue控制循环的次数
4.1、break关键字
作用:
1.阻止switch-case结构的继续判断
2.阻止循环的继续执行,然后break之后的代码就不会执行了
需求:在循环打印1到5的过程中,打印到3就停下来,不打印了,后面的4,和5也不打印了。
for(var i=1;i<=5;i++){
if(i===3){
break;
}
console.log(i);
}
4.2、continue关键字
作用
跳过当前这一次循环,继续执行下一次循环
需求:在循环打印1到5的过程中,打印到3就停下来,但是后面的4和5还会打印。
for(var i=1;i<=5;i++){
if(i===3){
continue;
}
console.log(i);
}
循环语句总结:
当我们需要多次执行同样的代码的时候,就可以使用循环来实现。
while、do-while可以用于未知次数循环的,for可以用于已知次数循环的(最常用的)。
while、for循环可能一次循环都不执行, do-while循环至少执行一次。
终止整个循环,使用break;跳过一次循环,使用continue。