JavaScript迴圈結構

2021-08-04 11:42:56 字數 1621 閱讀 2022

1.1 迴圈結構的概念

在了解迴圈結構的概念之前,先看看生活中的一些迴圈場景:

(1)食堂人員打菜:接過顧客餐盤→詢問菜品打菜→遞迴餐盤,工作人員重複此過程,直到所有顧客的菜都打完才結束。

(2)快遞小哥送快遞:檢視送件位址→趕往目的地→資訊通知收件人→收件人簽收→交快遞,快遞小哥重複此過程來送每乙個快遞,知道完成工作量。

以上兩個場景都有乙個共同點:有條件的重複做每一件事,每一次做的事情不同但是類似。

程式是為了解決實際問題的,實際問題中存在這重複動作,故程式中也應該存在相應的描述,這就是程式中的迴圈結構。

例如:計算從1+2+3+····+10的值

/*第一種方案*/

var sum=1+2+3+4+5+6+7+8+9+10;

alert(sum)

/*第二種方案*/

var sum=1;

sum+=2;

sum+=3;

sum+=4;

sum+=5;

sum+=6;

sum+=7;

sum+=8;

sum+=9;

sum+=10;

alert(sum);

以上兩種方式都不太理想,只適合小數額的累加運算,但是如果加到100或者更大,缺點就顯而易見了;這時候,就得引入迴圈結構了。

/*優化後方案*/

var sum=0;

var n=1;

while(n<=10)

alert(sum);

1.2 while迴圈

while表示「當·····則·····」,也就是說當,某個條件成立時,一直重複做某件事情(流程圖可見)

while(

迴圈條件

)while迴圈特點:先判斷,在執行迴圈語句。

dowhile(

迴圈條件

);do···while迴圈特點:先執行語句,再判斷條件。

1.3 for迴圈

1.4 總結

(1)初始狀態

(2)迴圈條件

(3)迴圈體

JavaScript的迴圈結構

迴圈結構 1迴圈結構的概念 先看看生活中的一些場景 1 食堂阿姨打菜 接過顧客的餐盤 詢問菜品 打菜 遞迴餐盤,重複以上過程,直到所有顧客的菜都打完了。2 快遞員送快遞 檢視送件位址 趕往目的地 告知收件人 收件人簽收 交快遞件,重複以上過程,直到所有需要的快遞都處理完了。以上場景都有乙個共同的特點...

JavaScript迴圈語句

for var i 0 i 10 i for var j 0 j 10 j console.log i,j for迴圈執行過程 1.變數初始化 2.條件判斷 3.執行 4.變數更新。上述 中,外部的 for迴圈 1次,內部的 for迴圈 10次。break 退出當前整個迴圈 1.只能在迴圈語句中使用...

JavaScript 迴圈語句

迴圈語句 就是重複執行一段 指代遇見某個指令時結束該迴圈。迴圈語句分類 for迴圈 do while while for in 遍歷迴圈 語法 for 迴圈變數的初始值 最大值 步長 例題1 for迴圈是乙個前測試迴圈語句 執行迴圈語句之前,先判斷是否滿足條件,滿足條件時迴圈才執行。迴圈變數的初始值...