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+'&emsp;')
    }
    document.write('<br>')
}

  for循环打印图形时一般用到双重循环，外层循环打印行，内层循环打印图形

例题：打印三角形

for(var i=1; i<=5; i++){  //外层循环打印行
    for(var j=1; j<=5-i; j++){ //打印空格
        document.write("&nbsp; ") //内层循环打印图形
    }
    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++  //满足条件，count+1
    }
    if (count == 5) {
        break; //条件满足，break结束循环，循环体不会再执行
    }
} 

 2.continue
   continue语句的作用是结束本次循环。遇到continue语句，本次循环会被跳过，continue下边的代码不会被执行，程序会执行下一条循环。

例题：打印1-10内除了5以外的数

for(var i=1; i<=10; i++){
    if (i == 5) {
        continue; //跳出该次循环，不打印5
    }
    console.log(i)
}