好程式設計師web前端培訓分享JavaScript學習筆記之迴圈結構
好程式設計師web 前端培訓分享 JavaScript 學習筆記之迴圈結構,迴圈結構, 就是根據某些給出的條件,重複的執行同一段程式碼
迴圈必須要有某些固定的內容組成
初始化
條件判斷
要執行的程式碼
自身改變
WHILE 迴圈
· while ,中文叫 當… 時,其實就是當條件滿足時就執行程式碼,一旦不滿足了就不執行了
· 語法 while (條件) { 滿足條件就執行 }
· 因為滿足條件就執行,所以我們寫的時候一定要注意,就是設定一個邊界值,不然就一直迴圈下去了
// 1. 初始化條件 var num = 0 ; // 2. 條件判斷 while (num < 10 ) {
// 3. 要執行的程式碼 console.log( '當前的 num 的值是 ' + num)
// 4. 自身改變 num = num + 1 }
· 如果沒有自身改變,那麼就會一直迴圈不停了
DO WHILE 迴圈
· 是一個和 while 迴圈類似的迴圈
· while 會先進行條件判斷,滿足就執行,不滿足直接就不執行了
· 但是 do while 迴圈是,先不管條件,先執行一回,然後在開始進行條件判斷
· 語法: do { 要執行的程式碼 } while (條件)
// 下面這個程式碼,條件一開始就不滿足,但是依舊會執行一次 do 後面 {} 內部的程式碼 var num = 10 do {
console.log( '我執行了一次' )
num = num + 1 } while (num < 10 )
FOR 迴圈
· 和 while 和 do while 迴圈都不太一樣的一種迴圈結構
· 道理是和其他兩種一樣的,都是迴圈執行程式碼的
· 語法: for (var i = 0; i < 10; i++) { 要執行的程式碼 }
// 把初始化,條件判斷,自身改變,寫在了一起 for ( var i = 1 ; i <= 10 ; i ++ ) {
// 這裡寫的是要執行的程式碼 console.log(i)} // 控制檯會依次輸出 1 ~ 10
· 這個只是看起來不太舒服,但是用起來比較好用
BREAK 終止迴圈
· 在迴圈沒有進行完畢的時候,因為我設定的條件滿足,提前終止迴圈
· 比如:我要吃五個包子,吃到三個的時候,不能在吃了,我就停止吃包子這個事情
· 要終止迴圈,就可以直接使用 break 關鍵字
for ( var i = 1 ; i <= 5 ; i ++ ) {
// 沒迴圈一次,吃一個包子 console.log( '我吃了一個包子' )
// 當 i 的值為 3 的時候,條件為 true,執行 {} 裡面的程式碼終止迴圈 // 迴圈就不會繼續向下執行了,也就沒有 4 和 5 了 if (i === 3 ) {
break
}}
CONTINUE 結束本次迴圈
· 在迴圈中,把迴圈的本次跳過去,繼續執行後續的迴圈
· 比如:吃五個包子,到第三個的時候,第三個掉地下了,不吃了,跳過第三個,繼續吃第四個和第五個
· 跳過本次迴圈,就可以使用 continue 關鍵字
for ( var i = 1 ; i <= 5 ; i ++ ) {
// 當 i 的值為 3 的時候,執行 {} 裡面的程式碼 // {} 裡面有 continue,那麼本次迴圈後面的程式碼就都不執行了 // 自動算作 i 為 3 的這一次結束了,去繼續執行 i = 4 的那次迴圈了 if (i === 3 ) {
console.log( '這個是第三個包子,掉地下了,我不吃了' ) continue
}
console.log( '我吃了一個包子' )}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913864/viewspace-2701487/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 好程式設計師web前端培訓分享JavaScript學習筆記分支結構程式設計師Web前端JavaScript筆記
- 好程式設計師web前端培訓分享JavaScript學習筆記之設計模式程式設計師Web前端JavaScript筆記設計模式
- 好程式設計師web前端培訓分享JavaScript學習筆記Promise程式設計師Web前端JavaScript筆記Promise
- 好程式設計師web前端培訓分享JavaScript學習筆記cookie程式設計師Web前端JavaScript筆記Cookie
- 好程式設計師web前端培訓分享JavaScript學習筆記SASS程式設計師Web前端JavaScript筆記
- 好程式設計師web前端培訓分享JavaScript學習筆記之正則程式設計師Web前端JavaScript筆記
- 好程式設計師web前端培訓分享JavaScript學習筆記之陣列程式設計師Web前端JavaScript筆記陣列
- 好程式設計師web前端培訓分享JavaScript學習筆記之ES5程式設計師Web前端JavaScript筆記
- 好程式設計師web前端培訓分享學習JavaScript程式設計師Web前端JavaScript
- 好程式設計師web前端培訓JavaScript學習筆記DOM程式設計師Web前端JavaScript筆記
- 好程式設計師web前端培訓JavaScript學習筆記--jQuery程式設計師Web前端JavaScript筆記jQuery
- 好程式設計師web前端培訓分享node學習筆記程式設計師Web前端筆記
- 好程式設計師web前端培訓分享JavaScript學習指南程式設計師Web前端JavaScript
- 好程式設計師web前端培訓分享詳解JavaScript學習筆記建構函式程式設計師Web前端JavaScript筆記函式
- 好程式設計師web前端培訓分享HTMLCSS學習筆記BFC程式設計師Web前端HTMLCSS筆記
- 好程式設計師web前端培訓分享React學習筆記(三)程式設計師Web前端React筆記
- 好程式設計師web前端培訓分享React學習筆記(一)程式設計師Web前端React筆記
- 好程式設計師web前端培訓分享React學習筆記(二)程式設計師Web前端React筆記
- 好程式設計師web前端培訓分享JavaScript學習筆記函式進階程式設計師Web前端JavaScript筆記函式
- 好程式設計師Python培訓分享Python系列之迴圈結構程式設計師Python
- 好程式設計師web前端培訓分享JavaScript學習筆記閉包與繼承程式設計師Web前端JavaScript筆記繼承
- 好程式設計師web前端培訓分享JavaScript學習筆記ajax及ajax封裝程式設計師Web前端JavaScript筆記封裝
- 好程式設計師web前端培訓分享JavaScript學習筆陣列的排序程式設計師Web前端JavaScript陣列排序
- 好程式設計師web前端培訓分享node學習筆記系列之四十一程式設計師Web前端筆記
- 好程式設計師web前端培訓學習筆記Vue學習筆記一程式設計師Web前端筆記Vue
- 好程式設計師web前端培訓分享之HTMLCSS學習筆記css3-多列程式設計師Web前端HTMLCSS筆記S3
- 好程式設計師web前端培訓學習筆記Vue學習筆記之二程式設計師Web前端筆記Vue
- 好程式設計師web前端培訓分享JavaScript框架J程式設計師Web前端JavaScript框架
- 好程式設計師web前端培訓分享之HTMLCSS學習筆記媒體查詢+ rem用法程式設計師Web前端HTMLCSS筆記REM
- 好程式設計師web前端培訓分享HTMLCSS學習之CSS基礎程式設計師Web前端HTMLCSS
- 好程式設計師web前端教程分享JavaScript學習筆記之Event事件二程式設計師Web前端JavaScript筆記事件
- 好程式設計師web前端培訓分享之uni-app學習筆記uni-app詳解程式設計師Web前端APP筆記
- 好程式設計師web前端培訓HTMLCSS學習筆記之頁面最佳化程式設計師Web前端HTMLCSS筆記
- 好程式設計師web前端培訓分享HTMLCSS學習筆記css3選擇器程式設計師Web前端HTMLCSS筆記S3
- 好程式設計師web前端培訓分享怎樣學好css?程式設計師Web前端CSS
- 好程式設計師web前端培訓分享JavaScript基礎語法程式設計師Web前端JavaScript
- 好程式設計師web前端培訓分享JavaScript相關知識程式設計師Web前端JavaScript
- 好程式設計師web前端培訓分享九個JavaScript小技巧程式設計師Web前端JavaScript