JavaScript 循环

js循环四要素

  1、初始条件  2、循环条件  3、状态改变  4、循环体        

  写法     for(初始条件;循环条件;状态改变)

       {  循环体  }    

1     <script>
2 
3         for(var i=0; i<=10; i++)//初始条件;循环条件;状态改变
4         {
5             s=i*2        //循环体
6             alert(s)
7         }
8         
9     </script>

执行过程

  1、初始条件 → 2、循环条件 → 4、循环体 →   3、状态改变    →    2、循环条件 →    4、循环体   →  3、状态改变   →  2、循环条件  →  4、循环体    →    状态改变  (直到循环条件达成 否则一直循环)

  注意:a++   ++a的区别  a++先对a操作再+1  ++a先+1在对a操作

  

  跳出循环

     break; 跳出当前循环的总循环      continue; 跳出符合条件的循环

其他

       document.write ()    写入文本(页面加载中可以写入,而不会出现重写页面问题)

例题

  找0-10之间的偶数

    可以被2整除的数是偶数

 1     <script language="javascript">
 2     
 3         for(var x=0; x<11; x++) //大于0小于10 每次循环加1 直到11
 4              {
 5                 if(x%2==0) //用x除2得到偶数
 6                     {
 7                         alert(x) //输出得到的偶数
 8                     }
 9                 
10             }
11     
12     </script>

  

 棋盘放粮食
棋盘有32个格子,第一个格子放1个芝麻,第二个放2个,第三个放4个,第四个放8个。。。每个芝麻的重量为0.00001kg,如果要放满整个棋盘,需要多少重量的芝麻。

  找规律发现每次棋盘的数量是呈倍数增加因此可以这么计算 1+1*2+2*2+4*2。。。。。是前面的积与后面的积相加

  

 1 <script language="javascript">
 2         
 3         //棋盘放粮食棋盘有32个格子,第一个格子放1个芝麻,第二个放2个,第三个放4个,第四个放8个。。。每个芝麻的重量为0.00001kg,如果要放满整个棋盘,需要多少重量的芝麻。。
 4         //1-32格子 
 5         /*
 6         1                   1*1
 7         1*2                 1*2
 8         1*2*2               1*4
 9         1*2*2*2             1*6
10         */
11         //1x2=2x2=4x2=8x2=16x2....
12         //1+1x2+2x2+4x2+8x2+.......
13         
14         var c=1;
15         
16         var r=1;
17     
18         for(var a=1; a<=32; a++)// 当前格子数 1 2 3 4 5 6 7.....32
19         {
20             r=r*2
21             c=c+r
22         }
23                 
24         alert(c*0.00001)

 结果


        99乘法表

 1     <script language="javascript">
 2     
 3         for(var a=1; a<=9; a++)// a从1开始 每次循环加1 直到9
 4         {
 5             for(var b=1; b<=a; b++)// b从1开始 每次加1 直到大于等于a
 6             {
 7                 document.write(b+"*"+a+"="+a*b+"&nbsp;|&nbsp;")//向网页文档中输出内容 
 8             } 
 9             document.write("<br/>")//每换一个数值 换一次行
10         }
11         
12     </script>

结果

 

原文地址:https://www.cnblogs.com/wangxiao233/p/8301813.html