javascript的循环语句及案例
程序的三种结构:顺序结构、选择结构、循环结构。
循环结构的循环语句可以重复执行固定的代码,直到条件不成立为止。
循环语句有三种写法:while、do-while、for
一、while循环
1.语法: ??while(条件) { 循环体 } 2.注意: ??(1)循环条件要有初始值。 ??(2)循环体中要有改变循环条件的语句。【如果没有该语句,循环会无限次被执行】 ??(3)while语句是先判断条件是否满足,条件满足才执行循环体。
3.例题:输出1-10的数字
var a=1
while(a<=10){
console.log(a)
a++
}
二、do-while循环
1.语法: ?? do{ 循环体 } while(条件) 2.注意: while循环是先执行一次循环体再判断是否满足条件,循环体至少会被执行一次。
3.例题:输出5-10的数字
var num = 5
do {
console.log(num)
num++
} while (num <= 10)
三、for循环
1.语法: ?? for(初始值;条件;改变条件语句) { 循环体 } 2.注意:初始值只会执行一次
3.例题:1+2+3+4+5…+99+100
var count=0
for(var i=1; i<=100; i++){
count+=i;
}
console.log(count)
?双重for循环 ??for循环可以重复执行一个操作,也可以重复执行另一个循环,这就是for循环的嵌套——双重for循环。 补充:document.write(‘内容’) :将内容显示到浏览器页面 例题:打印九九乘法表
for(var i=1; i<=9; i++){
for(var j=1; j<=i; j++){
document.write(i +'x'+j+'='+i*j+' ')
}
document.write('<br>')
}
??for循环打印图形时一般用到双重循环,外层循环打印行,内层循环打印图形
例题:打印三角形
for(var i=1; i<=5; i++){
for(var j=1; j<=5-i; j++){
document.write(" ")
}
for(var k=1; k<=2*i-1; k++){
document.write('* ')
}
document.write('<br>')
}
四、break和continue
break和continue都可以使循环中断,不同的是break会终止循环,而continue只会结束本次循环。
?1.break ?? 在循环语句中break会终止循环,程序不会再执行循环体。【在switch-case语句中,break的作用是跳出case分支】
补充:计算器【例题用到】 ??定义一个变量,赋初始值为0 (var count=0),当条件满足时,count加一(count++)
例题:打印100以内能被4整除的前5个数
var count = 0
for (var i = 1; i <= 100; i++) {
if (i % 4 == 0) {
console.log(i)
count++
}
if (count == 5) {
break;
}
}
?2.continue ?? continue语句的作用是结束本次循环。遇到continue语句,本次循环会被跳过,continue下边的代码不会被执行,程序会执行下一条循环。
例题:打印1-10内除了5以外的数
for(var i=1; i<=10; i++){
if (i == 5) {
continue;
}
console.log(i)
}
|