JavaScript程序基础（六）循环语句

看山还是山，看水还是水

已于 2022-03-15 23:40:03 修改

阅读量1.1k

点赞数 1

分类专栏： javascript 文章标签： javascript 前端 html

于 2022-03-15 23:34:30 首次发布

本文链接：https://blog.csdn.net/xcjyxy2021/article/details/123515474

版权

javascript 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

循环，表达的是一组重复进行的过程或工作。
循环语句比顺序语句、条件语句更抽象、更灵活，是一个难点、重点。
一、while循环语句也称为前测试循环语句，它是利用一个条件来控制是否要继续重复执行这个语句。
示例1：求1+2+…+100的和

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     var sum=0;
     var count=1;
     while(count <= 100){
         sum+=count;
         count+=1;
     }
     document.write(sum);
</script>
</body>
</html>

示例2：计算15!

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     var count=1,sum=1;
     while(count <= 15){
          sum*=count;
          count+=1;
     }
     document.write(sum);
</script>
</body>
</html>

示例3：计算100以内能被5整除的数

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     var count=1;
     while(count <= 100){
          if(count%5 == 0){
               document.write(count+"<br />");
          }
          count+=1;
     }
</script>
</body>
</html>

二、do…while循环语句也称为后测试循环语句，它也是利用一个条件来控制是否要继续重复执行这个语句。
示例1：求1+2+…+100的和

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     var sum=0;
     var count=1;
     do{
          sum+=count;
          count+=1;
     } while(count <= 100);
     document.write(sum);
</script>
</body>
</html>

三、for循环语句也称为计次循环语句，一般用于循环次数已知的情况，在JavaScript中应用比较广泛。
示例1：求1+2+…+100的和

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     var sum=0;
     for(var i=1;i<=100;i++)
     {
           sum+=i;
     }
     document.write(“1+2+…+100 =”+sum);
</script>
</body>
</html>

示例2：计算100以内能被3整除的数

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     for(var i=1; i<=100; i++)
     {
          if(i%3 == 0){
               document.write(i+"<br />");
          }
     }
</script>
</body>
</html>

四、循环的应用
1.在网页上输出乘法口诀表。
在这里插入图片描述

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     var i=0;
     for(i=1;i<=9;i++){
          var j=0;
          for(j=1;j<=i;j++){	
               document.write(j+"*"+i+"="+i*j+"  ");
          }
          document.write("<br />")
     }
</script>
</body>
</html>

编程：百钱买百鸡。
请利用所学循环语句知识，完成以下程序：
现有100块钱，公鸡5块钱一只，母鸡3块钱一只，小鸡一块钱3只。
要求：公鸡、母鸡、小鸡都要有，把100块钱花完，买的鸡的数量正好是100。
问：一共能买多少只公鸡，多少只母鸡，多少只小鸡？
将结果显示在网页上。

<html>   
<head>
<title>JavaScript简介</title>
</head>
<body>
<script type="text/javascript">
     for(var i=1;i<=20;i++){
     for(var j=1;j<=33;j++){
         var k=100-i-j;
         if(i*5+j*3+k/3==100){
	         document.write("公鸡有："+i+"，母鸡有："+j+"，小鸡有："k+"<br />");
         }
     }
}
</script>
</body>
</html>

看山还是山，看水还是水

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript程序基础（六）循环语句

循环，表达的是一组重复进行的过程或工作。循环语句比顺序语句、条件语句更抽象、更灵活，是一个难点、重点。我们在调试JavaScript时，更常用console.log()方法来进行调试。一、while循环语句也称为前测试循环语句，它是利用一个条件来控制是否要继续重复执行这个语句。示例1：求1+2+…+100的和<html> <head><title>JavaScript简介</title></head><body>
复制链接

扫一扫