大家好,今天我們來聊聊js中for循環,咱廢話不多說直接進入主題;
for語句是循環語句的一種用於創建一個循環,這是在開發中最常見的循環;
for的語法for(初始值;條件判斷;自身的改變){要重復執行的代碼};
<script> var a=0;//定義一個變量 //循環6次,每次都執行a+1 for (i=0;i<6;i++){ a=a+1; console.log(a)//拿出a值看下變化過程 } </script>
下面我們來看下a的結果會是什么;
這就是a的變化過程,六次循環,每次加一,最后的結果就是6;
我們的循環是可以控制的,我們可以根據我們的需求,直接打斷循環,或者不執行某一次的循環,下面我們來看一下控制循環的兩個關鍵字;
1.break,當代碼執行到了break的時候,會直接結束循環不再執行后面的循環,直接跳轉到了該循環之外;
我們來拿上面案例修改掩飾一下,我現在需求是在循環3次的時候結束循環,不在進行后面的了;
<script> var a=0;//定義一個變量 //循環6次,每次都執行a+1 for (i=0;i<6;i++){ a=a+1; // 循環3次,不再循環 if(i===3){ break } console.log(a) } </script>
因為我們循環三次后不再執行所以這個時候a=3;
2.continue,跳過當前的循環直接到下一個循環,只是當前循環不執行;
我們繼續拿上面案例來試一下,我們跳過第3次的循環;
<script> var a=0;//定義一個變量 //循環6次,每次都執行a+1 for (i=0;i<6;i++){ a=a+1; // 循環3次,不再循環 if(i===2){ continue } console.log(a) } </script>
大家看,是不是直接跳過了第3次的循環;大家可能會疑問為什么是!===2,這里呢應為我們是從0開始循環的;所以第3次循環是i===2;
大家可以去試試,其實還有很多種玩法的,多玩能讓你理解的更加透徹,謝謝大家!