for语句的运用与实践

在js中for语句还是比较常见的,所以今天我们就来看看这个for语句。

for语句是一种先判断,后运行循环语句,但它具有在执行循环之前初始变量和定义循环后要执行代码的能力。

for有三个条件,分别是start,end,step,我们分别看看他们都是什么意思:
start 起始条件 :在循环(代码块)开始前执行 (初始化值)
end 终止条件 : 定义运行循环(代码块)的条件 (判断)
step 步长值 :在循环(代码块)已被执行之后执行 (更新)


首先介绍一下单层循环格式

for(start;end;step){
     要循环的代码
}
执行顺序:
start --> end --> 要循环的代码  --> step --> end  --> 要循环的代码  --> step--> end  --> 要循环的代码  --> step  ......

这么干巴巴看这些概念性的东西可能会有点懵逼,我来举例子

for( var a = 1; a < 5; a++){
     document.write( a );
}

运算结果:

1
2
3
4

var a = 1; -->start;
a < 10; -->end;
a++; -->step;

按着我们上边所列的顺序我们来运算一下

第一次:1(就是a自己)
第二步:2(执行a++ ,a变成了2,2>5,)
第三步:3(执行a++ ,a变成了3,3>5,)
第四步:4(执行a++ ,a变成了4,4>5,)

现在我们来介绍一下for循环嵌套格式

for(start;end;step){
  for(start;end;step){
     for.......
            循环体;
            }   
               循环体;
        }
执行顺序:
   当最外层为假(没法运行)时,内层不执行;
   先执行外层再执行内层,直至内层的条件为假时再返回外层去执行;
   外层的值可以带入内层来使用;

是不是又感觉有点懵逼,我们来个九九乘法表来感受一下

for ( var a = 1; a < 10 ; a++) {
    for ( var b = 1; b<=a; b++){
        document.write( a + "*" + b + "="  + a*b+"&nbsp;&nbsp;");
    }document.write("<br>");
}

效果图

1*1=1  
2*1=2  2*2=4  
3*1=3  3*2=6  3*3=9  
4*1=4  4*2=8  4*3=12  4*4=16  
5*1=5  5*2=10  5*3=15  5*4=20  5*5=25  
6*1=6  6*2=12  6*3=18  6*4=24  6*5=30  6*6=36  
7*1=7  7*2=14  7*3=21  7*4=28  7*5=35  7*6=42  7*7=49  
8*1=8  8*2=16  8*3=24  8*4=32  8*5=40  8*6=48  8*7=56  8*8=64  
9*1=9  9*2=18  9*3=27  9*4=36  9*5=45  9*6=54  9*7=63  9*8=72  9*9=81  

第一次:外层1
内层1,
因为外层a只到1,所以b<=1最大也就能到1。
第二次:外层2
内层1,2,
参考第一次循环,a走到了2,b<=a,其实就是b<=2,所以b可以走到2,那么b就是1,2

以此类推
···
···
···
第九次:外层9
内层1,2,3,4,5,6,7,8,9
到了最后一次,a<10,所以a最大能走到9,b<=a,b最大也就是能走到9,所以最后一次循环,b的值为1,2,3,4,5,6,7,8,9

然后按照(a + "" + b + "=" + ab)来运算出来;后边加&nbsp(空格)是为了让每一次运算后的结果中间有空隙;
然后在外层中加一个换行
,目的是当外层每运算一次后就会经历一次换行,这样我们的九九乘法表就出来了。

到这里一部分for语句就介绍完了,希望让你不再懵逼!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容