循环目的
在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句
js中的循环方法:
1.while
2.do…while
3.for
它们的相同之处,都能够实现循环。
不同的地方,格式不一样,使用的场景略有不同。
1.while
while是计算机的一种基本循环模式。当满足条件时进入循环,进入循环后,当条件不满足时,跳出循环。
while语句的一般表达式为:while(表达式){循环体}。
在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句,被称之为循环语句
var i = 0;//循环的初始值,在开始的时候被执行一次
while(i < 5){//循环条件 如果满足循环条件,就进入大括号;进行执行
document.write('666');//循环体,重复执行代码
i++;//增量
}
document.write('后续代码');//当循环体结束后,继续执行代码
注意:
1)在循环体中,一定要修改循环变量的值,否则会进入死循环
2)循环变量的初始化一定放在while之前
3)while之后,有一个(),表示要判断的条件,里面就是一个条件表达式
4)循环体,可以使用{},也可以不使用{},但是如果不使用,循环体就只有一条语句,建议大家 任何情况下都加上{}。
2.do…while循环
do-while循环将先运行一次,因为经过第一次do循环后,当检查条件表达式的值时,其值为 不成立时而会退出循环。保证了至少执行do{ }内的语句一次。
var i =0;
do{
document.write('666');//循环体,重复执行的代码块
i++;//增加
}while('i<=5')//循环条件
// 注意:先执行循环体,然后判断
注意:
需要注意的事项和while是一致的
1)循环变量初始化要放在do之前
2)在循环体中,需要修改循环变量,
3)循环体要使用{},形成语句块
3.for循环
for循环是编程语言中一种循环语句,而循环语句由循环体及循环的判定条件两部分组成。
语法结构
for(表达式 1;表达式2;表达式3) {
// 循环体
}
表达式 1 -> 变量初始化
表达式2 -> 循环条件
表达式3 -> 改变循环变量
举例:求1~100之间所有数的和
let sum=0;
for(var i=1;i<=100;i++){
sum+=i;
}
document.writeln('1~100之间所有的数之和是:'+sum)
4.break 和 continue
break 在循环中的作用是 跳出一个循环或者结束一个循环
for(var i=1;i<=10;i++){
if(i==6){
break;
}
console.log(i);
}
输出结果为:1 2 3 4 5
当i=6的时候,直接退出for这个循环。这个循环将不再被执行!直接进入下一个语句。
看到continue立即结束本次循环,继续执行下一次循环
for(var i=1;i<=10;i++){
if(i==6){
continue;
}
console.log(i);
}
输出结果为:1 2 3 4 5 7 9 10
当i=6的时候,直接跳出本次for循环。下次继续执行。
总结
break 和continue 他们的区别就是 , break是直接结束循环, 而continue,不是直接结束本次循环而是跳过循环,继续执行下一次的循环。