JavaScript >> Javascript 文檔 >  >> JavaScript

如何在 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,請查看我們的其他文章。


Tutorial JavaScript 教程
  1. Node.js 創建文件夾或使用現有的

  2. 果凍鰭:你好,世界!

  3. NodeJS Express 測試驅動 API 開發 (TDD)

  4. 我們來談談 JavaScript 中的分號

  5. WordPress:主題開發中的 Css 樣式和 Javascript(深入)。

  6. 如何阻止廣告攔截

  7. JavaScript 視差滾動效果

  1. three.js 在懸停 LineSegmentsGeometry 上突出顯示立方體的邊緣

  2. 審查了 ECMAScript 2019 的有用功能

  3. TypeScript + NodeJS =很棒

  4. 如何調試 React 應用程序

  5. 如何正確卸載/銷毀 VIDEO 元素

  6. 使用 Olive 構建您的移動應用登陸頁面

  7. KnockoutJS 初學者指南:第 2 部分

  1. 水果車:盜夢空間

  2. 不和諧.js |命令冷卻時間已設置但不起作用

  3. 用 Rust 拋棄 try...catch 和 null 檢查

  4. 在 React 中創建一個精美的步進器組件