顯示具有 迴圈 標籤的文章。 顯示所有文章
顯示具有 迴圈 標籤的文章。 顯示所有文章

2019年12月12日 星期四

Javascript入門必學11跳出迴圈與重新執行

Javascript迴圈該怎麼跳出與重新執行,入門者注意!


Javascript迴圈該怎麼跳出與重新執行,入門者注意!


 

Break

JavaScript break 敘述, 這是是用來「跳出」迴圈用的, 前端工程師 可繼續執行迴圈之後的 JavaScript 程式。
See the Pen JavaScript11-break by Tedutw (@Tedutw) on CodePen.

只要 i 的值等於 7 ,就會從這個迴圈跳出。

Continue

JavaScript Continue 敘述,只在迴圈內中斷程式的執行, 前端工程師 可在中斷後又重新執行迴圈,而不會跳出迴圈。
See the Pen JavaScript12-continue by Tedutw (@Tedutw) on CodePen.


相關文章

Javascript入門必學8條件判斷式

Javascript入門必學9-for迴圈

Javascript入門必學10 while和do while迴圈

網頁工程師問與答:前端工程師與後端工程師的工作差異

懂得依需求選擇RWD還是AWD才是專業的前端工程師!!

前端工程師知識站:CSS background-color 背景顏色設定

神奇的Java課程-竟可讓人從零經驗到成為工程師不用一年!!?

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年12月11日 星期三

Javascript入門必學10 while和do while迴圈

Javascript入門必學的三種迴圈!還有啊!?

while 迴圈

只要條件成立,JavaScript 的「while 迴圈」就會重複執行一段程式碼。
while 迴圈的 JavaScript 語法如下
See the Pen JavaScript10-while-loop-1 by Tedutw (@Tedutw) on CodePen.


以下為 while 迴圈範例:設變數 i 的初始值等於 0、條件為「當 i 的值小於或等於 7 」時, 前端工程師 就會開始執行「顯示變數 i 的值,並且把 i 的值再加 1」,然後重複執行迴圈。
See the Pen JavaScript10-while-loop-2 by Tedutw (@Tedutw) on CodePen.

只要 i 小於或等於 7,迴圈將繼續執行程式。每次迴圈運行時,數值都會增加 1,於是輸出了 1 到 7 的值。
當條件一直成立時,迴圈就會繼續執行程式,直到條件不成立為止。因此,前端工程師 在下條件時要小心,如果條件一直成立的話,迴圈就會一直執行下去,不會中斷。

do...while 迴圈

do...while 迴圈是 while 迴圈的變體。 前端工程師 在檢查條件是否成立之前,此迴圈會先執行一次程式碼,然後只要條件為真,迴圈將會重複循環。
do...while 迴圈的 JavaScript 語法如下
See the Pen JavaScript10-do-while-loop-3 by Tedutw (@Tedutw) on CodePen.

註:分號必須寫於 do...while 迴圈的最末端
do...while 迴圈的範例如下:變數 i 的初始值等於 0、執行「顯示變數 i 的值,並且把 i 的值再加 1」、條件為「當 i 的值小於或等於 7 」。
See the Pen JavaScript10-do-while-loop-5 by Tedutw (@Tedutw) on CodePen.


相關文章

Javascript入門必學8條件判斷式

Javascript入門必學9-for迴圈


Javascript入門必學11跳出迴圈與重新執行

前端工程師專欄:CSS的多重class中空格與逗號差在哪?

想當前端工程師的你千萬不能錯過詳細的養成計畫表!!

前端工程師入門需要先知道什麼?零基礎入門先知!!

信不信由你,因為Java課程讓我獲得我想要的生活!

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年12月10日 星期二

Javascript入門必學9-for迴圈

Javascript必學for迴圈!




Javascript必學for迴圈!


 

迴圈

JavaScript迴圈(Loops)」是可以多次執行一組程式的。如果有多個值,需要重複執行同程式的時候,用「迴圈(Loops)」非常方便。
JavaScript 有三種迴圈:forwhile do while 前端工程師 最常用的 for 迴圈JavaScript 語法如下:
See the Pen JavaScript9-for-loop-1 by Tedutw (@Tedutw) on CodePen.

上面的是典型的 for 迴圈(for loop)格式,涵蓋三個條件敘述 (statement):
在迴圈開始之前執行「條件敘述 1」;
「條件敘述 2」則是定義了迴圈運行的條件;
然後,每次迴圈跑完之後,再執行「條件敘述 3」。

For 迴圈

以下的 for 迴圈範例中,顯示出 7 個等於或小於 7 的整數:
See the Pen JavaScript9-for-loop-2 by Tedutw (@Tedutw) on CodePen.

以上示例中,迴圈開始前,條件敘述 1 設置了一個變數(變數 i = 1);
條件敘述 2 定義了迴圈運行的條件(i 必須小於或等於 7)。
前端工程師 每次執行迴圈中的程式代碼後,條件敘述 3 都會增加一個值(i ++)。
條件敘述 1 是選擇性的:如果在迴圈開始前就已經定義了值, 前端工程師 則可以將其省略。如下例 (因為在 for 迴圈之前便已經定義了「var i = 1」,因此 for 迴圈就省略了條件敘述 1 ):
See the Pen JavaScript9-for-loop-3 by Tedutw (@Tedutw) on CodePen.

如果條件敘述 2 結果為真(true),則迴圈將重頭開始執行;反之,迴圈將結束。與條件敘述 1 一樣,條件敘述 2 也是選擇性的(可以省略)。
如果省略條件敘述 2 ,則必須在迴圈內加一個 break。否則迴圈將不會結束。
條件敘述 3 用於更改初始變數。可以使用任何方式來修改變數,包括減去(i--)或增加(i = i + 15)等等。
條件敘述 3 也是選擇性的(可以省略),如果在迴圈內增加值,則可以將其省略。
See the Pen JavaScript9-for-loop-4 by Tedutw (@Tedutw) on CodePen.


相關文章

Javascript入門必學7條件式

Javascript入門必學8條件判斷式

Javascript入門必學10 while和do while迴圈

前端工程師知識站:CSS background-position背景位置設定

了解整體網站規劃流程對前端工程師幫助更大?!

前端工程師一定要學的外掛程式(一)

讓你實現目標與夢想的技術實力-Java課程

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年10月9日 星期三

Python控制結構教學(五) while迴圈

Python教學時間到! while 迴圈是什麼呢?想學就看過來吧!


Python教學時間到! while 迴圈是什麼呢?想學就看過來吧!

Python-while 迴圈

今天的 Python教學 時間,要帶大家了解Python 的 if 條件判斷式【請參考:Python控制結構2.if else條件判斷(1)】與while 迴圈的差異。若評估為 True【請參考:Python控制結構1.布林值Boolean-True or False?】 的話,就會執行一次;反之則不執行。
Python 的 while 迴圈跟 if 條件判斷式相似,但是不同的是,它不只執行一次。只要條件成立,它就會不斷地重複執行。就算是有其中一段代碼被評估為 False,下一段代碼仍會被執行。

while 迴圈構成,包含了 以下範例的 while 迴圈中有一個變數「i」,初始值為「1」;更新值(又稱為調整值)為「i+1」;讓迴圈結束的條件為「i <=5」。
以下範例讓 i 的從初始值開始,程式每執行一次,i 就等於上一回合的數值再「+1」一次,直到 i 等於 5 為止停止,寫法如下:
 i = 1 #初始值
 while i <=5:       #讓迴圈結束的條件
    print(i)
    i = i + 1       #更新值 (調整) 

則結果為:
1
2
3
4
5
>>>

while迴圈的「infinite loop(無限循環)」

Python 的 while 迴圈中,有一種被稱作「infinite loop(無限循環)」,當條件(為True)成立時,程式就會永不停止地重複執行。
「infinite loop(無限循環)」的範例如下:
while 7==7:
  print("這是無限循環迴圈")

結果,「這是無限循環迴圈」這行字就會不斷的重複顯示。
若你真的受不了,你可以按鍵盤快速鍵「Ctrl-C」以阻止它繼續重複顯示。
以下也是無限循環迴圈的另一個例子,看看它的結果如何。
x=1
>>> while x>0:
         print(x)
         x+2

結果馬上會跳出一堆數字,且不斷的在跳出中。後出來的數字,都是前一個數字 +2 的結果。真的受不了,就按鍵盤快速鍵「Ctrl-C 」跳出吧!

跳出while迴圈:break

要結束 while 迴圈循環,就使用 break 敘述。在迴圈循環時,一遇到 break 敘述,就會讓迴圈立即停止循環。範例如下:
i = 1 #初始值
while 1==1:
  print(i)
  i = i + 1  #更新值 (調整) 
  if i >= 5: #讓迴圈結束的條件
    print("Breaking")
    break
>>>

上述的代碼,意思若「1 等於 1」的敘述為真,則 i 就從 1 開始輸出,之後程式跑到「i = i + 1」,i 就以 i+1 的形式繼續循環輸出,直到 i 為「5」時,就輸出「Breaking」並結束循環。因此這段 Python 程式的執行結果為:
1
2
3
4
Breaking

繼續while迴圈:continue

Python 的 while 迴圈中,有一個與 break 敘述相對的,就是 continue —— 跳回到迴圈的頂部繼續循環,而不是停止循環。
i = 1 #初始值
while True:
  print(i)   
  i = i + 1  #更新值 (調整) 
  if i == 5: 
    print("Skipping 5")
    continue
  if i == 7: #讓迴圈結束的條件
    print("Breaking")
    break

上述的 Python 代碼,意思若「1 等於 1」的敘述為真,則 i 就從 1 開始輸出,之後程式跑到「i = i + 1」,i 就以 i+1 的形式繼續循環輸出,直到 i 等於「5」時,就輸出「Skipping 5」並且跳回到迴圈的頂部「print(i)」繼續從「5」循環,直到 i 等於「7」時輸出「Breaking」並結束循環。因此這段 Python 程式的執行結果為:
1
2
3
4
Skipping 5
5
6
Breaking



相關文章