JavaScript的迴圈結構

2021-08-04 13:44:40 字數 2333 閱讀 2727

迴圈結構

1迴圈結構的概念

先看看生活中的一些場景

(1)食堂阿姨打菜:接過顧客的餐盤→詢問菜品→打菜→遞迴餐盤,重複以上過程,直到所有顧客的菜都打完了。

(2)快遞員送快遞:檢視送件位址→趕往目的地→**告知收件人→收件人簽收→交快遞件,重複以上過程,直到所有需要的快遞都處理完了。

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

程式是為了解決實際問題的,實際問題中存在著重複動作,那麼程式中也應該有相應的描述,這就是迴圈

/*計算1+2+3+.....+10*/

/*方案一*/

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

/*方案二*/

var sum2 = 0;

sum2 += 1;

sum2 += 2;

sum2 += 3;

sum2 += 4;

sum2 += 5;

sum2 += 6;

sum2 += 7;

sum2 += 8;

sum2 += 9;

sum2 += 10;

但是這兩種方案的描述方式都不太理想,如果是要加到10000呢?

注意觀察方案二,它重複地做一件事(將乙個數加到sum2中),每一次做的不同但類似。

但我們希望找到乙個更好的描述的方法。

/*方案三:改造方案二*/

var sum3 = 0;

var n = 1;

while(n <= 10)

方案三表達的含義和方案二一樣,但是表達方式要好得多,比如加到10000,只需要把條件

n<=10

改為n<=10000。

2 white迴圈

while 是表示「當

...........

則...........

」,也就是當某個條件成立時,則一直重複做。(流程圖)

while(判斷條件

(除錯工具檢視程式執行軌跡以及變數的變化情況)

3 do while 迴圈

do-while 流程圖:

dowhile(條件判斷)

案例:找出所有的水仙花數

案例:gdp**

總結一下迴圈程式的套路:

(1)迴圈的初始狀態

(2)迴圈條件

(3)迴圈體(要重複做的事情)

(4)為下次迴圈做準備

那如何去寫迴圈的程式呢?回答四個問題:

(1)初始狀態是怎樣的?

(2)重複做的條件是什麼?

(3)重複做什麼?

(4)怎麼過渡到下一次迴圈?

水仙花數問題

gdp**問題

初始狀態

var num = 100

var

year

= 2009;

var

gdp_usa

= 142562.75;

var

gdp_china

= 49089.82;

迴圈條件

num <= 999

gdp_usa

> gdp_china

迴圈體var b100 = math.floor(num / 100);

var b10 = math.floor((num % 100) / 10);

var b1 = num % 10;

var sum = b100 * b100 * b100 + b10 * b10 * b10 + b1 * b1 * b1;

if(sum == num)

var pi = sum *4;

alert(pi);

JavaScript迴圈結構

1.1 迴圈結構的概念 在了解迴圈結構的概念之前,先看看生活中的一些迴圈場景 1 食堂人員打菜 接過顧客餐盤 詢問菜品 打菜 遞迴餐盤,工作人員重複此過程,直到所有顧客的菜都打完才結束。2 快遞小哥送快遞 檢視送件位址 趕往目的地 資訊通知收件人 收件人簽收 交快遞,快遞小哥重複此過程來送每乙個快遞...

JavaScript的迴圈語句

01 for語句 for迴圈是一種前測試迴圈語句,但它具有在執行迴圈之前初始化變數和定義迴圈後要執行的 的能力。以下是for迴圈的語法 初始化表示式,控制表示式,迴圈後表示式 for initialization expression post loop expression while condi...

javascript中的迴圈

do while語句 var i 0 dowhile i 10 console.log i do while語句至少執行一次,為啥?因為他是先執行邏輯 後判斷,這就意味著第一次迴圈無論條件是否成立。都已經執行了一次邏輯 當條件成立的時候接著迴圈,條件不成立那就跳出迴圈,常用於至少執行一次的迴圈中 w...