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>

运行结果如图所示：

javascript循环心得 javascript循环语句例题_i++


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>

运行结果如图所示：

javascript循环心得 javascript循环语句例题_html_02


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>

运行结果如图所示：

javascript循环心得 javascript循环语句例题_i++_03


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>

运行结果如图所示：

javascript循环心得 javascript循环语句例题_javascript循环心得_04


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>

运行结果如图所示：

javascript循环心得 javascript循环语句例题_javascript循环心得_05


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>

运行结果如图所示：

首先输入行数和列数：

javascript循环心得 javascript循环语句例题_html_06

javascript循环心得 javascript循环语句例题_javascript循环心得_07


之后就会打印出三行三列的星星

javascript循环心得 javascript循环语句例题_html_08

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>

输出结果如图所示：

javascript循环心得 javascript循环语句例题_for循环_09


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>

运行结果如图所示：

javascript循环心得 javascript循环语句例题_i++_10