7 JavaScript迴圈語句

7 迴圈語句

在js中有三種迴圈語句. 首先是while迴圈. 它的邏輯和咱們python中的while幾乎一模一樣, 就是符號上有些許的區別.

// 語法
while(條件){
    迴圈體 ->  裡面可以有break和continue等關鍵字
}
/*
判斷`條件`是否為真, 如果`真`, 則執行`迴圈體`.執行完`迴圈體`, 會再次判斷`條件`....
並且在迴圈中也可以使用`break`和`continue`等關鍵字來控制迴圈的走向. 
*/

表達式1
while 表達式2:
    迴圈體
    表達式3

// 語法
do{
    迴圈體
} while(條件);

/*
解讀:
先執行`迴圈體`, 然後判斷`條件`是否成立, 如果成立.在來一次.
註意, 由於do..while是先執行的`迴圈體`. 所以, 不論條件如何, 至少執行一次`迴圈體`
*/

// 語法: for的第一種語法
for(表達式1; 表達式2; 表達式3){
	迴圈體
}
/*
解讀: 
for迴圈和我們python中的迴圈是完全不一樣的. 解讀起來會有點兒麻煩. 
首先, 在執行的時候, 先執行`表達式1`, 
然後, 判斷`表達式2`得到的結果是否真, 如果`真`, 則執行迴圈體, 
再然後, 執行`表達式3`, 
再然後, 判斷`表達式2`執行的結果是否為`真`, 如果`真`, 則執行`迴圈體`
        再然後, 執行`表達式3`
        .....
        直到, `表達式2`得到的結果是`假`, 則跳出迴圈
*/

// 看起來很繞. 我們用for迴圈來跑一個1~99
for(var i = 1; i < 100; i++){
    console.log(i);
}
/*
首先, i = 1, 
然後, 判斷 i < 100 成立
列印i
在然後, i++, i變成2
再然後, 判斷 i < 100 還是成立
列印i
再然後, i++, i變成3
再然後, 判斷 i< 100 還是成立
列印3....
....
當i = 100了. i < 100不成立. 程式結束 
*/

// for迴圈的固定邏輯也就這樣了
for(變數聲明; 條件判斷; 改變變數){
 	迴圈體
}

// for的第二種用法
var a = [11,22,33,44,55,66]
for(let i in a){
    console.log(i + "_" + a[i])
}
// 這種寫法非常類似python中的for迴圈. 但是要註意. 這裡的`i`拿到的僅僅是 `數組a`的索引信息. 
// 如果需要數據 a[i]

a = 1;
b = 5;
while (a <= b) {
    console.log(a);
    a++;
};

c = 1;
d = 5;
do{
    console.log(c);
    c++;
} while (c < d);


for (var i=1; i<=9; i++){
    console.log(i);
};

var arr = [11, 22, 33, 44, 55, 66]
for (let i in arr) {
    console.log(i + "_" + arr[i])
}

本文來自博客園，作者：生而自由愛而無畏，轉載請註明原文鏈接：https://www.cnblogs.com/zczhaod/p/17640213.html