JavaScript for循环+案例

for循环

基本语法结构

for(初始化变量;循环条件;循环迭代){
循环语句
}

循环案例

1.求一个人从出生到成年

<html>
<head></head>
</body>
<script>
 for(var i=1;i<=18;i++){
     
          if (i==1){
                console.log('这个人出生了,今年一岁了');
              }else if (i==18){
                  console.log('这个人十八岁了,他成年了');``
              }
          else { console.log('这个人今年'+ i +'岁了');
      }
  }
  </script>
  </body>
  </html>

运行结果如图所示:在这里插入图片描述
2.求1-100的和

<html>
<head></head>
</body>
<script>
  var sum=0;
  for(var i=1;i<=100;i++){
      sum=sum+i;
  }
 console.log(sum); 
  </script>
  </body>
  </html>

运行结果如图所示:在这里插入图片描述
3.求1-100之间的平均值,
需要一个sum和的变量,还需要一个平均值average的变量

<html>
<head></head>
</body>
<script>
var sum=0;
var average=0;
  for(var i=1;i<=100;i++){
      sum=sum+i;
  }
  average=sum/100;
 console.log(average); 
 </script>
  </body>
  </html>

运行结果如图所示:在这里插入图片描述
4.求1-100之间所有偶数和奇数的和
我们需要一个偶数的变量even还需要一个奇数odd

<html>
<head></head>
</body>
<script>
var even=0;
var odd=0;
for(var i=0;i<=100;i++){
     if(i%2==0){
         even=even+i;
        
     }else{
         odd=odd+i;
        
     }

}
console.log('1~100 之间所有的偶数和是'+even);
console.log('1~100 之间所有的奇数和是'+odd);
 </script>
  </body>
  </html>

运行结果如图所示:在这里插入图片描述
5.求1-100之间所有能被3整除的数字的和

<html>
<head></head>
</body>
<script>
var result=0;
for(var i=1; i<=100;i++){
    if(i%3==0){
        result=result+i;

    }
} 
console.log('1-100之间能够被3整数的数字的和是:'+ result);
 </script>
  </body>
  </html>

运行结果如图所示:在这里插入图片描述
5.输入班级人数和成绩,并求出班级的总成绩和平均成绩

<html>
<head></head>
</body>
<script>
//1.弹出输入框输入总的班级人数(num)
// 2.依次输入学生的成绩(保存起来score),此时我们需要用到for循环,弹出的次数跟班级
//  总人数有关系 条件表达式 i<=num
// 3. 进行业务处理:计算成绩先求总成绩(sum),之后求平均成绩(average)
// 4.弹出结果
var num=prompt('请输入学生人数');
 var sum=0;
 var score=0;
 for(var i=1; i<=num; i++){
    var score= prompt('请您输入第'+ i + '个学生成绩');  

     sum=sum+parseFloat(score);
 }
 average=sum/num;
alert  ('班级总的成绩是'+sum);
alert('班级平均分是:'+ average); 
 </script>
  </body>
  </html>

6.打印任意行意列的星星

<html>
<head></head>
</body>
<script>
var rows=prompt('请您输入行数');  
var cols = prompt('请您输入列数');
var str=""

for(var i=0 ;i<rows;i++){
  for( var j=0;j<cols;j++){
       str=str + '*';
  }
  str=str+'\n';
}
   console.log(str);
   </script>
  </body>
  </html>

运行结果如图所示:
首先输入行数和列数:
在这里插入图片描述

在这里插入图片描述
之后就会打印出三行三列的星星
在这里插入图片描述

7.打印一个倒三角形

<html>
<head></head>
</body>
<script>
var str=""
 for(var i=10;i>=0;i--){
     for(var j=0;j<=i;j++){
         str=str+"*"
     }
     str=str+'\n';

 }
 console.log(str);
</script>
</body>
</html>

输出结果如图所示:
在这里插入图片描述
8.打印一个九九乘法表

<html>
<head></head>
</body>
<script>
str=""
for (var i=1;i<=9;i++){
  for (var j=1;j<=i;j++){
      str=str+j+'x'+i+'='+i*j+'\t'//在这里\t用来换行
      
  }
  str=str+'\n';
}console.log(str)

</script>
</body>
</html>

运行结果如图所示:
在这里插入图片描述

  • 0
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值