JavaScript 10.27

 

Javascript第三天

1.1 for循环语句

             
循环语句就是控制代码循环重复执行多少次。
循环语句将来解决我们遇到的 重复代码 多次执行的问题。
语法格式:
    for( 初值表达式 ; 条件表达式;步长表达式    ){
         代码块
    }
解释:
   初值表达式   定义一个变量并且赋初始值        var  i = 0
   条件表达式   判断条件                     i < 100
   步长表达式   循环一次之后的自增或者自减      i++ 
   
示例:
  <script type="text/javascript">

            for(  var  i = 0; i<100; i++   ){
                document.write("你好 世界");
            }

  </script>
执行流程:
 初值表达式       var  i = 0
 条件表达式       i<100;    成立则执行大括号里面的代码 不成立则循环结束
 代码块 
 步长表达式       i++  
 条件表达式       i<100;    成立则执行大括号里面的代码 不成立则循环结束                   
 代码块 
 步长表达式       i++  
 条件表达式       i<100;    成立则执行大括号里面的代码 不成立则循环结束    
 .....
 条件表达式       i<100;    成立则执行大括号里面的代码 不成立则循环结束     
 

1.2 练习一 输出0-100之间的奇数

             
<script type="text/javascript">

            for(  var  i = 0;   i<101;   i++   ){

                  if(   i%2  !=  0    ){
                      document.write( i + "\n");
                  }

            }

        </script>
 

 

1.3 练习二 输出0-100之间的偶数

             
<script type="text/javascript">
            for(  var  i = 0;   i<101; i++ ){
                  if(   i%2  ==  0    ){
                      document.write( i + "\n");
                  }
            }
</script>
<script type="text/javascript">

            for(  var  i = 0;   i<101;   i+=2   ){
                 document.write( i + "\n");
            }

</script>
<script type="text/javascript">
            for(  var  i = 0;   i<51;   i++   ){
                 document.write( i*2 + "\n");
            }
</script>
 

1.4 练习 三 输出矩形

             
<script type="text/javascript">

             for( var  a = 0;a<6;a++  ){

                 for(var i=0;i<20;i++){
                    document.write("*");
                 }
                 document.write("<br />");

             }
</script>
<script type="text/javascript">

             for( var  a = 10;a>0;a--  ){

                 for(var i=0;i<a;i++){
                    document.write("*");
                 }
                 document.write("<br />");

             }

</script>
 

1.5 练习四 高斯累加

             
求  1+2+3+4+5+6+7+8+9+....+95+96+97+98+99+100 的 和 ?
实现版:
var  a = 1+2+3+4+5+6+7+8+9+....+95+96+97+98+99+100;
document.write(a);
我们即使这样写代码,计算也也是一步一步的进行计算,它也是先算的 1+2 得3 ,然后再用3 +3 得 6,然后再用 6 +4 。。。。 +100 得5050
优化版
var  a = 1;
     
     a += 2;  //  a = 1+2 ;  a 3
     a += 3;  //  a = 3+3 ;  a 6
     a += 4;  //  a = 6+4 ;  a 10
     a += 5;  //   a= 10+5;  a 15
     ....
     a += 100;
document.write(a);
最终版
var  a = 1;
for(var  i=2;i<101;i++){
     a += i; 
}
document.write(a);
for循环是一个优化代码
 

1.6 练习五 求总和

             
用户连续输入五次考试成绩 求五次的总和
实现版:
<script type="text/javascript">

            var  a = Number(  prompt("请输入第1次成绩")   );
            var  b = Number(  prompt("请输入第1次成绩")   );
            var  c = Number(  prompt("请输入第1次成绩")   );
            var  d = Number(  prompt("请输入第1次成绩")   );
            var  e = Number(  prompt("请输入第1次成绩")   );


            var  z = a+b+c+d+e;

            document.write(z);

        </script>
优化版:
<script type="text/javascript">

            var  a = Number(  prompt("请输入第1次成绩")   );
            var  b = Number(  prompt("请输入第2次成绩")   );
            var  c = Number(  prompt("请输入第3次成绩")   );
            var  d = Number(  prompt("请输入第4次成绩")   );
            var  e = Number(  prompt("请输入第5次成绩")   );

            var  z = 0;
                 z+=a;
                 z+=b;
                 z+=c;
                 z+=d;
                 z+=e;
            document.write(z);

</script>
<script type="text/javascript">
            var  z = 0;
    
                 z+= Number(  prompt("请输入第1次成绩")   );
                 z+= Number(  prompt("请输入第2次成绩")   );
                 z+= Number(  prompt("请输入第3次成绩")   );
                 z+= Number(  prompt("请输入第4次成绩")   );
                 z+= Number(  prompt("请输入第5次成绩")   );
            document.write(z);

</script>
最终版:
<script type="text/javascript">
    
            var z = 0;
            var  max = 0;
            var  min = 100;
            for (var i = 1; i < 6; i++) {
                var a = Number(prompt("请输入第" + i + "次成绩"));
                z += a;
                if(a > max ) max = a;
                if(a < min ) min = a;
            }
            document.write( "总和为:"+ z + "<br />" );
            document.write( "平均值为:" +z/5+ "<br  />");
            document.write( "最大值为:" +max+ "<br  />");
            document.write( "最小值为:" +min+ "<br  />");
    
</script>
 

1.7 break和continue 跳出循环的关键字

             
break 结束循环
for( var i=0;i<100;i++){
                  
                  if(i == 50){
                      break;
                  }
                  
                  document.write(i+"\n");
              }
 

continue 跳出本次循环 继续循环

             
for (var i = 0; i < 100; i++) {
                if (i == 50) {
                    continue;
                }
                document.write(i + "\n");
}
 

 

1.8 水仙花数

             
水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身。例如:1^3 + 5^3+ 3^3 = 153。
for(var i=100; i<1000; i++){
                var a= parseInt(i/100);
                var b= parseInt(i/10%10);
                var c= i%10;
                if(a*a*a+b*b*b+c*c*c == i){
                    document.write(i+ "\n");
                }
            }
 

 

1.9 九九乘法表

             
            for (var i = 1; i < 10; i++) {
                for (var j = 1; j <= i; j++) {
                    document.write(j + "*" + i + "=" + j * i + "\n");
                }
                document.write("<br/>");
                }
上一篇:自我娱乐斗地主


下一篇:nodejs构建web本地服务器报错Error [ERR_STREAM_WRITE_AFTER_END]: write after end