0
点赞
收藏
分享

微信扫一扫

js-for循环结构(笔记)和案例

夕颜合欢落 2022-03-20 阅读 64
javascript

for循环

循环过程

循环断掉

 

 

 案例1


    <script>
        //第一步先让我知道有多少学生
        var nl= prompt('请输入班级学生人数')
        var zcj=0;//这个是全部学生的成绩,开始的时候为0
        var bj=0;//这个全部学生平均成绩,开始的时候为0
        for( var i=1;i<=nl;i++){//这个是利用循环来执行这个,他的结束条件是i<=nl 就是这个输入的变量
          var cj= prompt('这个是第'+ i +'个学生的成绩')//这个是保存每个学生成绩的变量
          var zcj= zcj+ parseInt(cj);/* parseInt这个是整数 parseFloat这个是小数 */
         //这个是保存全部学生成绩的变量,但是因为这个 cj现在是字符串的形式,现在要改为数字形式
        }
         alert('总成绩是;'+zcj)
         var bj= zcj / nl;//这里是用总成绩除以人数,得到平均成绩
         alert('他们的平均成绩是;'+bj)
    </script>

 


    <script>
     var nl = prompt('你的一生')
     for( var i = 1; i <= nl;i++){
        if( i==1){
            alert('你今年'+i+'岁了,你来到了人间');
        }else if (i==16) {
            alert('你今年'+i+'岁了,你开始谈恋爱了');
        }
          else if (i==20){
            alert('你今年'+i+'岁了,你大学毕业了');
          }
         else if (i==30){
            alert('你今年'+i+'岁了,你现在有了一份事业,家庭美满');
         }
          else{
            alert('你今年'+i+'岁了,今年没什么事情');
          }
        }
     
     
    </script>

 

 

 双重循环案例1

     <script>
        var xx='';//先让他为空的
        for( var i=1;i<=5;i++){//先让外面循环一次
            for(var j=1;j<=5;j++){//里面循环五次
                xx= xx+'★'
            }//在原来的基础上增加一个,增加五次结束,然后外面开始循环一次,重复刚刚
            xx=xx + '\n';//让他循环过一次后,加上换行
        }
        console.log(xx);
        </script>
    

  双重循环案例2 倒三角

   <script>
         var xx='';
      for(var i=1; i<=10;i++){
         for(var j=i;j<=10;j++){
        /*  这个里面的当i等于多少的时候,j就等于多少,当此时i等于3的时候,j也等于3,
         然后j的判断条件,3 <= 10,那就是从3开始一直到10循环,循环7次 */
          xx= xx+'★';
           }
         xx= xx+'\n'
      }
         console.log(xx);
        </script>

 双重循环案例3 九九乘法表

  <script>
         var xx='';
      for(var i=1; i<=9;i++){
         for(var j=1;j<=i;j++){
             //这里就 j<=i 控制i有几行时,j就有几列 精准控制几行几列
          xx+= j +'x'+i+ '='+ i*j +'\t';
           }
         xx+='\n'
      }
         console.log(xx);
        </script>
举报

相关推荐

0 条评论