在现实生活中,经常需要重复且有规律的做一些事。在程序中也经常会出现重复的情况。而在JavaScript中,循环结构有while循环、do-while循环和for循环。
一、while循环语句
语法:
while(条件表达式){
语句或语句块
}
例:(依次输出30以内的奇数)
<script type="text/javascript">
var num = 1;
while (num <= 30) {
document.write(num + " ");
num += 2;//每循环一次加2,等同于num=num+2
}
</script>
实现样式:
二、do-while循环语句
语法:
do{
语句或语句块
}while( 条件表达式 );
例:(计算30以内奇数和)
<script type="text/javascript">
var num = 1;
var result;//总和
while (num <= 30) {
document.write(num + " ");
num += 2;
result += num;//将奇数相加装进result内
}
document.write("30以内的奇数和为:" + result);
</script>
实现样式:
三、for循环语句
for( 初始化表达式 ; 循环条件表达式 ; 循环后的操作表达式 ){
语句或语句块
}
例:(计算330以内的偶数和)对于取余的用法详细请见:JavaScript运算符和注释
<script type="text/javascript">
var result = 0;
for (var num = 1; num <= 30; num++) {
if (num % 2 == 0) {
document.write(num + " ");
result += num;
}
}
document.write("偶数和为:" + result);
</script>
实现样式:
四、break语句和continue语句
1.JavaScript跳转语句:break语句和continue语句
break语句用于中断循环
continue语句用于跳过本次循环要执行的剩余语句,然后开始下一次循环