JavaScript條件判斷和循環

條件判斷

JavaScript使用if () { ... } else { … }來進行條件判斷

var age = 20;
if (age >= 18) { // 若是age >= 18爲true，則執行if語句塊
    alert('adult');
} else { // 不然執行else語句塊
    alert('teenager'); 
}

 

其中else語句是可選的

多行條件判斷

if (age >= 6) {
    console.log('teenager'); 
} else if (age >= 18) {
    console.log('adult'); 
} else {
    console.log('kid'); 
}

 

循環

for循環

經過初始條件、結束條件和遞增條件來循環執行語句塊

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

 

使用for遍歷數組:

var arr = ['Apple', 'Google', 'Microsoft']; 
for (var i=0; i<arr.length; i++) {
    console.log(arr[i]); 
}

 

for循環的3個條件都是能夠省略的，若是沒有退出循環的判斷條件，就必須使用break語句退出循環，不然就是死循環

for … in循環

• 遍歷對象

  var person = {
      name: 'Jack',
      age: 20,
      city: 'Beijing' 
  };
  for (var key in person) {
      console.log(key); // 'name', 'age', 'city'
      console.log(person[key]); // 'Jack', 20, 'Beijing'
  }

   

• 遍歷數組

  var a = ['A', 'B', 'C']; 
  for (var i in a) {
      console.log(i); // '0', '1', '2'
      console.log(a[i]); // 'A', 'B', 'C' 
  }

   

  請注意，for … in對Array的循環獲得的是String而不是Number。

while循環

while循環只有一個判斷條件，條件知足，就不斷循環，條件不知足時則退出循環。

var x = 0;
var n = 99; 
while (n > 0) {
  x = x + n;
  n = n - 2; 
}
x; // 2500,計算100之內全部奇數之和

 

do … while循環

它和while循環的惟一區別在於，不是在每次循環開始的時候判斷條件，而 是在每次循環完成的時候判斷條件:

var n = 0; 
do {
    n = n + 1;
} while (n < 100); 
n; // 100
用do { ... } while()循環要當心，循環體會至少執行1次，而for和while循環則可能一次都不執行。