在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+" ");
}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)来运算出来;后边加 (空格)是为了让每一次运算后的结果中间有空隙;
然后在外层中加一个换行
,目的是当外层每运算一次后就会经历一次换行,这样我们的九九乘法表就出来了。
到这里一部分for语句就介绍完了,希望让你不再懵逼!!!