# 條件判斷 JavaScript使用`if () { ... } else { ... }`來進行條件判斷。例如，根據年齡顯示不同內容，可以用`if`語句實現如下： ``` var age = 20; if (age >= 18) { // 如果age >= 18為true，則執行if語句塊 alert('adult'); } else { // 否則執行else語句塊 alert('teenager'); } ``` 其中`else`語句是可選的。如果語句塊只包含一條語句，那么可以省略`{}`： ``` var age = 20; if (age >= 18) alert('adult'); else alert('teenager'); ``` 省略`{}`的危險之處在于，如果后來想添加一些語句，卻忘了寫`{}`，就改變了`if...else...`的語義，例如： ``` var age = 20; if (age >= 18) alert('adult'); else console.log('age < 18'); // 添加一行日志 alert('teenager'); // <- 這行語句已經不在else的控制范圍了 ``` 上述代碼的`else`子句實際上只負責執行`console.log('age &lt; 18');`，原有的`alert('teenager');`已經不屬于`if...else...`的控制范圍了，它每次都會執行。 相反地，有`{}`的語句就不會出錯： ``` var age = 20; if (age >= 18) { alert('adult'); } else { console.log('age < 18'); alert('teenager'); } ``` 這就是為什么我們建議永遠都要寫上`{}`。 ## 多行條件判斷 如果還要更細致地判斷條件，可以使用多個`if...else...`的組合： ``` var age = 3; if (age >= 18) { alert('adult'); } else if (age >= 6) { alert('teenager'); } else { alert('kid'); } ``` 上述多個`if...else...`的組合實際上相當于兩層`if...else...`： ``` var age = 3; if (age >= 18) { alert('adult'); } else { if (age >= 6) { alert('teenager'); } else { alert('kid'); } } ``` 但是我們通常把`else if`連寫在一起，來增加可讀性。這里的`else`略掉了`{}`是沒有問題的，因為它只包含一個`if`語句。注意最后一個單獨的`else`不要略掉`{}`。 _請注意_，`if...else...`語句的執行特點是二選一，在多個`if...else...`語句中，如果某個條件成立，則后續就不再繼續判斷了。 試解釋為什么下面的代碼顯示的是`teenager`： ``` 'use strict'; var age = 20; if (age >= 6) { alert('teenager'); } else if (age >= 18) { alert('adult'); } else { alert('kid'); } ``` 由于`age`的值為`20`，它實際上同時滿足條件`age &gt;= 6`和`age &gt;= 18`，這說明條件判斷的順序非常重要。請修復后讓其顯示`adult`。 如果`if`的條件判斷語句結果不是`true`或`false`怎么辦？例如： ``` var s = '123'; if (s.length) { // 條件計算結果為3 // } ``` JavaScript把`null`、`undefined`、`0`、`NaN`和空字符串`''`視為`false`，其他值一概視為`true`，因此上述代碼條件判斷的結果是`true`。 ## 練習 小明身高1.75，體重80.5kg。請根據BMI公式（體重除以身高的平方）幫小明計算他的BMI指數，并根據BMI指數： * 低于18.5：過輕 * 18.5-25：正常 * 25-28：過重 * 28-32：肥胖 * 高于32：嚴重肥胖 用`if...else...`判斷并顯示結果： ``` 'use strict'; var height = parseFloat(prompt('請輸入身高(m):')); var weight = parseFloat(prompt('請輸入體重(kg):')); var bmi = ???; if ... ```