【JavaScript 教程】第四章 程序流程01— JavaScript if else 語句
英文 | https://www.javascripttutorial.net/
譯文 | 楊小愛
那么，在今天的教程中，我們將一起來學習如何使用 JavaScript if else 語句根據(jù)指定條件執(zhí)行語句。
JavaScript if else 語句簡介
if 語句可能是 JavaScript 中最常用的語句之一。if 語句在滿足條件時執(zhí)行語句或代碼塊。下面是 if 語句的簡單形式：
if( condition )statement;
條件可以是任何有效的表達式。通常，條件計算為布爾值，真值或假值。
如果條件計算為非布爾值，JavaScript 會通過調(diào)用 Boolean() 函數(shù)將其結(jié)果隱式轉(zhuǎn)換為布爾值。
如果條件評估為真，則執(zhí)行該語句。否則，控制將傳遞到 if 語句之后的下一個語句。
以下流程圖說明了 if 語句。
let x = 25;if( x > 10 )console.log('x is greater than 10');
此示例首先將變量 x 初始化為 25。x > 10 表達式的計算結(jié)果為 true，因此腳本在控制臺窗口中顯示一條消息。
如果您有多個語句要執(zhí)行，則需要使用大括號，如下所示：
if( condition ) {// statements}
即使只有一個語句要執(zhí)行，始終使用大括號是一種很好的編程習慣。這有助于代碼更易于閱讀并避免許多混淆。
請參閱以下示例：
if( condition )statement_1statement_2;
如果不使用花括號，將很難看出 statement_2 不屬于 if 塊。
如果您想在條件計算結(jié)果為 false 時執(zhí)行另一條語句，請按如下方式使用 else：
if( condition ) {// statement} else {// statement (when condition evaluates to false)}
以下流程圖說明了 if else 語句。
請參閱以下示例：
let x = 5;if (x > 10) {console.log('x is greater than 10');} else {console.log('x is less than or equal 10');}
if (condition_1) {// statments} else if (condition_2) {// statments} else {// statments}
例如，以下腳本比較兩個數(shù)字 a 和 b，如果 a 大于、小于或等于 b，則顯示相應的消息。
let a = 10,b = 20;if (a > b) {console.log('a is greater than b');} else if (a < b) {console.log('a is less than b');} else {console.log('a is equal to b');}
如果您鏈接許多 if else 語句，代碼將變得難以閱讀和難以維護。在這種情況下，您應該使用 switch 語句。
JavaScript if else 快捷方式：條件運算符
JavaScript 提供了條件運算符或三元運算符，可用作 if else 語句的簡寫。
下面說明了條件運算符的語法。
condition ? expression_1 : expression_2
與 if 語句一樣，條件是一個計算結(jié)果為真或假的表達式。
如果條件評估為真，則運算符返回 expression_1 的值；否則，它返回 expression_2 的值。
以下表達式使用條件運算符根據(jù) isLoggedIn 變量的值返回登錄按鈕的不同標簽：
isLoggedIn ? "Logout" : "Login";
通常，您將三元運算符的結(jié)果分配給一個變量，如下所示：
// only register if the age is greater than 18var allowRegister = age > 18 ? true : false;
age > 18 ? (alert("OK, you can register."),redirectTo("register.html");) : (stop = true,alert("Sorry, you are too young!"));
總結(jié)
通過本教程的學習，我們知道了如何使用 JavaScript if else 語句在條件計算為 true 時執(zhí)行語句，并在條件計算為 false 時執(zhí)行另一個語句。
感謝您的閱讀，本節(jié)內(nèi)容結(jié)束。
學習更多技能
請點擊下方公眾號
