js中for循環使用方法詳解


大家好,今天我們來聊聊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;

大家可以去試試,其實還有很多種玩法的,多玩能讓你理解的更加透徹,謝謝大家!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM