在js中for語句還是比較常見的,所以今天我們就來看看這個for語句。
for語句是一種先判斷,后運行的循環(huán)語句羽戒,但它具有在執(zhí)行循環(huán)之前初始變量和定義循環(huán)后要執(zhí)行代碼的能力。
for有三個條件恨樟,分別是start半醉,end疚俱,step劝术,我們分別看看他們都是什么意思:
start 起始條件 :在循環(huán)(代碼塊)開始前執(zhí)行 (初始化值)
end 終止條件 : 定義運行循環(huán)(代碼塊)的條件 (判斷)
step 步長值 :在循環(huán)(代碼塊)已被執(zhí)行之后執(zhí)行 (更新)
首先介紹一下單層循環(huán)格式
for(start;end;step){
要循環(huán)的代碼
}
執(zhí)行順序:
start --> end --> 要循環(huán)的代碼 --> step --> end --> 要循環(huán)的代碼 --> step--> end --> 要循環(huán)的代碼 --> step ......
這么干巴巴看這些概念性的東西可能會有點懵逼,我來舉例子
for( var a = 1; a < 5; a++){
document.write( a );
}
運算結(jié)果:
1
2
3
4
var a = 1; -->start;
a < 10; -->end;
a++; -->step;
按著我們上邊所列的順序我們來運算一下
第一次:1(就是a自己)
第二步:2(執(zhí)行a++ 呆奕,a變成了2养晋,2>5,)
第三步:3(執(zhí)行a++ ,a變成了3梁钾,3>5,)
第四步:4(執(zhí)行a++ 绳泉,a變成了4,4>5,)
現(xiàn)在我們來介紹一下for循環(huán)嵌套格式
for(start;end;step){
for(start;end;step){
for.......
循環(huán)體;
}
循環(huán)體;
}
執(zhí)行順序:
當(dāng)最外層為假(沒法運行)時姆泻,內(nèi)層不執(zhí)行零酪;
先執(zhí)行外層再執(zhí)行內(nèi)層冒嫡,直至內(nèi)層的條件為假時再返回外層去執(zhí)行;
外層的值可以帶入內(nèi)層來使用四苇;
是不是又感覺有點懵逼孝凌,我們來個九九乘法表來感受一下
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
內(nèi)層1,
因為外層a只到1,所以b<=1最大也就能到1月腋。
第二次:外層2
內(nèi)層1,2,
參考第一次循環(huán)蟀架,a走到了2,b<=a,其實就是b<=2榆骚,所以b可以走到2片拍,那么b就是1,2
以此類推
···
···
···
第九次:外層9
內(nèi)層1,2,3,4,5,6,7,8,9
到了最后一次妓肢,a<10,所以a最大能走到9捌省,b<=a,b最大也就是能走到9职恳,所以最后一次循環(huán)所禀,b的值為1,2放钦,3色徘,4,5操禀,6褂策,7,8颓屑,9
然后按照(a + "" + b + "=" + ab)來運算出來斤寂;后邊加 (空格)是為了讓每一次運算后的結(jié)果中間有空隙;
然后在外層中加一個換行
揪惦,目的是當(dāng)外層每運算一次后就會經(jīng)歷一次換行遍搞,這樣我們的九九乘法表就出來了。
到這里一部分for語句就介紹完了器腋,希望讓你不再懵逼O场!纫塌!