如何在 JavaScript 中使用“if…else”(附示例)
JavaScript 因其易用性和靈活性而迅速成為最流行的編程語言之一——它幾乎可以在任何設備上的任何網絡瀏覽器中運行,非常適合跨平台應用程序。
Linux 是託管使用 Node.js 構建的 JavaScript 應用程序的最流行平台,並且是開發獨立 JavaScript 程序和基於瀏覽器的解決方案的絕佳平台。
如果您正在學習 JavaScript,if…else 控制結構是您首先要掌握的竅門之一。
使用 if…else 語句,您將能夠根據值或用戶輸入來決定要執行的代碼。
如何使用如果 在 JavaScript 中
JavaScript if 的語法 命令如下:
if ( CONDITIONS ) { ACTIONS }
例如:
if (2 < 3) { console.log('2 is less than 3'); }
注意:
- 條件用括號括起來,動作(條件為真時執行的代碼)用花括號括起來
- 行動 只有條件才會執行 評估為真實
- 我們正在使用 console.log() 將文本輸出到 JavaScript 控制台
- 所有行都以 ; 結尾 (這不是強制性的,但我們鼓勵您這樣做,以便您可以輕鬆查看語句的結束位置)
什麼是“真實”?
在 JavaScript 中,可以將值視為“真實” (評估為 TRUE 在布爾上下文中)或“falsy” (評估為 FALSE 在布爾上下文中)。
定義什麼是“虛假”實際上更容易,而不是列出所有可以被認為是“真實”的值類型。
當 JavaScript 值等於:
- 錯誤
- 0
- “”或“
- 空
- 未定義
- NaN
當一個 JavaScript 值不為假時,它的評估結果為真!
else 的替代操作
如果您希望腳本在您的 if 語句失敗時執行某些操作,並且只有當它失敗時,您可以添加一個 else 聲明:
var val = prompt("Please enter a number"); if (val < 3) { console.log(val + ' is less than 3'); } else { console.log(val + ' is less than 3'); }
注意:
- 我們使用 prompt() 方法來獲取用戶輸入。這在網絡瀏覽器中運行 JavaScript 時有效
- 用戶輸入的值被存儲為變量val
- JavaScript 中的字符串用 + 運算符連接
添加多個條件
如果您有多個條件要檢查,可以使用 && (AND) 和 || (OR) 運算符來決定是否應執行操作:
var val = prompt("Please enter a number"); if (val > 3 && val < 7) { console.log(val + ' is greater than 3 and less than 7'); } else if (val == 3 || val < 0) { console.log(val + ' is equal to 3, or is less than 0'); } else { console.log(val + ' is not greater than 3 and less than 7. ' + val + 'is also not equal to 3 or less than 0'); }
否則
要檢查多組條件並在每個測試為真時執行不同的操作,請使用 else if 聲明:
var val = prompt("Please enter a number"); if (val > 4) { console.log(val + ' is greater than than 4'); } else if (val > 2) { console.log(val + ' is greater than than 2 but less than 4'); } else { console.log(val + ' is less than 2); }
您可以添加盡可能多的else if 隨心所欲的陳述。
嵌套 If 語句
您還可以放置 如果 其他 if 中的語句 聲明:
var val = prompt("Please enter a number"); if (val > 3) { console.log(val + ' is greater than 3'); if (val > 6) { console.log(val + ' is greater than 3 and greater than 6'); } }
比較運算符
在 JavaScript 中比較值時,可以使用以下運算符。有的比較值,有的還會比較變量的類型。
比較語法
語法 | 說明 |
---|---|
== | 等值 |
=== | 等值和等類型 |
!= | 值不相等 |
!== | 不等值或 不等於類型 |
> | 大於值 |
>= | 大於等於值 |
< | 小於值 |
<= | 小於等於值 |
比較不同類型值的相等性
"7" == 7
這將返回 TRUE 因為它只是比較值,儘管第一個值是一個字符串(因為它用雙引號括起來),第二個是一個數字值。
"7" === 7
這將評估為 FALSE ,雖然值相同,但第一個值存儲為字符串類型變量,第二個值是數字。
結論
JavaScript 如果 語句是您首先要學習的東西之一,也是任何 JavaScript 應用程序中最常見的部分。
如果您開始在 Linux 上學習 JavaScript,請查看我們的其他文章。