js的循环

1.for 循环

for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) {循环体}

/*
            凑钱1,2,5凑20元钱有多少种可能
        */
           for(var one=0;one<=20;one++){
               for(var two=0;two<=10;two++){
                 for(var five=0;five<=4;five++){
                    if(one+two*2+five*5==20){
                        document.write("<div>"+'一元可以有'+one+'个'+"两元有"+two+'个'+"五元可以有"+five+'个'+"</div>")

                    }
                 }
               }
           }
        /*

注意：

1. 循环变量可以定义在for 循环结构体外
2. 没有更新循环变量会变成死循环
3. 循环条件中的‘；’不能省略;

 /*
     
           五个小朋友排成一队。
         问第一个多大了，第一个说比第二个大两岁，
         问第二个，第二个说比第三个大两岁，以此类推。
         问第五个小朋友几岁了，第五个小朋友说3岁了。
         问第一个小朋友几岁？
       */
          for(var num=2;num<=100;num++){
            for(var num1=2;num1<=100;num1++){
                for(var num2=2;num2<=100;num2++){
                    for(var num3=2;num3<=100;num3++){
                         if(num-2==num1&&num1-2==num2&&num2-2==num3&&num3-2==3){
                            document.write("<div>"+'第一个小朋友'+num+"</div>")

                         }
        }
        }
        }
        }

案例二：循环输出table表格，创建四行5列的表格


document.write('<table border="1">')
      for(var j=1;j<=4;j++){
        document.write('<tr>')
          for(var i=0;i<=3;i++){
            document.write('<td>@</td>');
          }
        document.write('</tr>')
      }
document.write('</table>')

 //99乘法表格 正向 反向
      for(var f=1;f<10;f++){
        for(var i=1;i<=f;i++){
            document.write('<div class="one">'+i+'*'+f+"="+(i*(10-f))+'</div>')
            
        }
        document.write('<br/>')
      }
      for(var f=1;f<10;f++){
        for(var i=1;i<10-f;i++){
            document.write('<div class="one">'+i+'*'+(10-f)+"="+(i*(10-f))+'</div>')
            
        }
        document.write('<br/>')
      }

    //正反十字福
    // for(var f=1;f<=5;f++){
    //     for(var j=1;j<6-f;j++){
    //         document.write('<div class="red"></div>')
    //     }
    //    for(var i=1;i<=2*f-1;i++){
    //     document.write('<div class="green"></div>')

    //    }
    //    document.write('<br/>')
    // }
    // for(var f=4;f>=1;f--){
    //     for(var j=1;j<6-f;j++){
    //         document.write('<div class="red"></div>')
    //     }
    //    for(var i=1;i<=2*f-1;i++){
    //     document.write('<div class="green"></div>')

    //    }
    //    document.write('<br/>')
    // }
    // for(var a=1; a<=5;a++){
    //      for(var b=1; b<a+1;b++){
    //         document.write('<div class="red"></div>')
    //      }
    //      for(var c=1;c<=8-(2*a-1);c++){
    //     document.write('<div class="green"></div>')

    //    }
    //    document.write('<br/>')
    // }

while 语句

While 循环会在指定条件为真时循环执行代码块。 While循环，先进行条件判断，再执行循环体的代码

while (条件表达式){
  循环体
}

注意;如果表达式不满足条件  则一次都不会执行;

var i= 1;
while(i<=10){
  console.log(i);
  i++;
}

 

 

do......while【了解】

do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。 do while循环，先执行循环体代码，再进行条件判断。至少执行一次循环体的代码。

 

do {
    代码段
} while (条件表达式)
注意：当前循环中，代码至少执行一次

var i=1;
    do{
        i++; // 2
        console.log(i);
    }while(i<=10)