1. 程式人生 > >js----for迴圈使用技巧

js----for迴圈使用技巧

for(var i=0;i<10;i++){   console.log(i);//0,1,2,3...,9}

for((1);(2);(3)){(4)}-----紅色標記表示這裡的表示式,方便敘述。

先執行(1),再判斷(2)是否為true,為true再執行(4);

第一輪結束之後,執行(3),再判斷(2)是否為true,為true再執行(4);

執行(3),再判斷(2)是否為true,為true再執行(4);

.....;

執行(3),再判斷(2)是否為true,為false,結束迴圈;

這種執行順序換更加的明瞭的寫法就是下面的這種形式。

上面的傳統的for迴圈與下面的for迴圈結果是一致的,只是形式有所改變。證明在for迴圈中真正重要的是執行的順序。


 
var i=0;
for(;i<10;){ 
    console.log(i);//0,1,2,3...,9
    i++;
}

undefined   null   ""   false   NaN   0-----轉換為boolean型別的時候都是false

var i=10;
for(;i--;){//
   console.log(i);//9,8,7...0
}

i--是從10開始,此時i是9,當i--是1時,i是0,當i--為0的時候是false不再執行。

例子----逗號運算子的作用是執行完前一句,再執行後一句並且返回後一句

for(var i=0,j=1;i<5,j<10;i++,j++){
   console.log(i,j);//0 1;1 2;...;8,9    最後是執行到了i是8,j是9的結果。
}
//逗號運算子會把後面的表示式運算結果返回。
//for迴圈中間的表示式就是判斷能不能執行,當中間的表示式值為false的時候才會停止執行迴圈體。
//所以這裡i雖然早就返回了false,但是判斷取到的是j判斷的結果

以上內容為看查閱資料視訊學習以及結合個人實踐理解總結,如有侵犯並非有意,可通知我進行修改。