好程序員web前端培訓(xùn)分享JavaScript學(xué)習(xí)筆記之循環(huán)結(jié)構(gòu),，循環(huán)結(jié)構(gòu)，就是根據(jù)某些給出的條件,，重復(fù)的執(zhí)行同一段代碼

　　循環(huán)必須要有某些固定的內(nèi)容組成

　　初始化

　　條件判斷

　　要執(zhí)行的代碼

　　自身改變

WHILE 循環(huán)

· while,，中文叫 當…時，其實就是當條件滿足時就執(zhí)行代碼,，一旦不滿足了就不執(zhí)行了

· 語法 while (條件) { 滿足條件就執(zhí)行 }

· 因為滿足條件就執(zhí)行,，所以我們寫的時候一定要注意，就是設(shè)定一個邊界值,，不然就一直循環(huán)下去了

// 1. 初始化條件 var num = 0;// 2. 條件判斷while (num < 10) {

// 3. 要執(zhí)行的代碼 console.log('當前的 num 的值是 ' + num)

// 4. 自身改變   num = num + 1}

· 如果沒有自身改變,，那么就會一直循環(huán)不停了

DO WHILE 循環(huán)

· 是一個和 while 循環(huán)類似的循環(huán)

· while 會先進行條件判斷，滿足就執(zhí)行,，不滿足直接就不執(zhí)行了

· 但是 do while 循環(huán)是,，先不管條件，先執(zhí)行一回,，然后在開始進行條件判斷

· 語法： do { 要執(zhí)行的代碼 } while (條件)

// 下面這個代碼,，條件一開始就不滿足，但是依舊會執(zhí)行一次 do 后面 {} 內(nèi)部的代碼 var num = 10 do {

console.log('我執(zhí)行了一次') 

        num = num + 1} while (num < 10)

FOR 循環(huán)

· 和 while 和 do while 循環(huán)都不太一樣的一種循環(huán)結(jié)構(gòu)

· 道理是和其他兩種一樣的,，都是循環(huán)執(zhí)行代碼的

· 語法： for (var i = 0; i < 10; i++) { 要執(zhí)行的代碼 }

// 把初始化,，條件判斷，自身改變,，寫在了一起  for (var i = 1; i <= 10; i++) {

// 這里寫的是要執(zhí)行的代碼 console.log(i)}// 控制臺會依次輸出 1 ~ 10

· 這個只是看起來不太舒服,，但是用起來比較好用

BREAK 終止循環(huán)

· 在循環(huán)沒有進行完畢的時候，因為我設(shè)置的條件滿足,，提前終止循環(huán)

· 比如：我要吃五個包子,，吃到三個的時候，不能在吃了,，我就停止吃包子這個事情

· 要終止循環(huán),，就可以直接使用 break 關(guān)鍵字

for (var i = 1; i <= 5; i++) {

// 沒循環(huán)一次，吃一個包子 console.log('我吃了一個包子')

// 當 i 的值為 3 的時候,，條件為 true,，執(zhí)行 {} 里面的代碼終止循環(huán) // 循環(huán)就不會繼續(xù)向下執(zhí)行了,，也就沒有 4 和 5 了 if (i === 3) {

break

}}

CONTINUE 結(jié)束本次循環(huán)

· 在循環(huán)中，把循環(huán)的本次跳過去,，繼續(xù)執(zhí)行后續(xù)的循環(huán)

· 比如：吃五個包子,，到第三個的時候，第三個掉地下了,，不吃了,，跳過第三個，繼續(xù)吃第四個和第五個

· 跳過本次循環(huán),，就可以使用 continue 關(guān)鍵字

for (var i = 1; i <= 5; i++) {

// 當 i 的值為 3 的時候,，執(zhí)行 {} 里面的代碼 // {} 里面有 continue，那么本次循環(huán)后面的代碼就都不執(zhí)行了 // 自動算作 i 為 3 的這一次結(jié)束了,，去繼續(xù)執(zhí)行 i = 4 的那次循環(huán)了 if (i === 3) {

console.log('這個是第三個包子,，掉地下了，我不吃了') continue

}

console.log('我吃了一個包子')}