JavaScript 使用 if 語句中的的 OR 條件

Muhammad Muzammil Hussain 2023年1月30日 2022年5月11日
  1. 使用 IF 語句的 JavaScript OR 條件示例
  2. 用幾個步驟檢查給定的 HTML 程式碼
  3. 獲得相同結果的替代方法
JavaScript 使用 if 語句中的的 OR 條件

JavaScript 包含條件語句,如 if-elseswitch case 等。這些語句是有條件的,用於檢查給定的條件是否為真;為此,我們使用 OR ||&& 運算子。

運算子 || (OR) 檢查所有條件並確定任何條件是否為真。你困惑嗎?不用擔心,我們將通過示例進一步討論以更好地理解|| (或)運算子

使用 IF 語句的 JavaScript OR 條件示例

下面的 HTML 原始碼顯示了一個表單輸入,我們將使用它從使用者那裡獲取輸入字串值,就像任何字母表一樣,還有一個按鈕提交,我們在點選時呼叫了 JavaScript 函式 checkVowel()

checkVowel() 函式包含一個帶有 || 的 if 語句 條件(OR) operator 來檢查使用者輸入的字母是否為母音。

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | Window Print() method example
    </title>
 
    <script type="text/javascript">
    </script>
 
</head>
 
<body>
 
    <h2>Hi Users Check your choosen alphabet is a vowel or not.</h2>


   <form id="form" onsubmit="return false;">
    <input type="text" id="userInput" maxlength="1" placeholder="Enter any alphabet" />
    <input  type="submit" onclick="checkVowel();" />
</form>



<script>
function checkVowel() {
    var variable = document.getElementById("userInput").value;
   

if(variable =="a" || variable=="A"){
  alert(variable+" is vowel")
}
else if(variable =="e" || variable=="E"){
   alert(variable+" is vowel")
}
else if(variable =="i" || variable=="I"){
   alert(variable+" is vowel")
}
else if(variable =="o" || variable=="O"){
   alert(variable+" is vowel")
}
else if(variable =="u" || variable=="U"){
   alert(variable+" is vowel")
}

else{
  alert(variable+" is not vowel")
}
}
</script>sss
 
</body>s
<html>

在這個 HTML 頁面原始碼中,我們建立了一個表單輸入型別的文字來從使用者那裡獲取字母表。

你可以看到觸發 checkVowel() 方法的提交按鈕。

checkVowel() 方法的主體中,我們使用 || 實現了一些 if-else 條件(OR) 運算子。如果任何 if 語句滿足要求的條件,這將檢查使用者給定的帶有 UPPER CASELOWER CASE 母音的字母表,該方法將顯示一個彈出警告訊息,即給定字母表是母音

如果給定的值與任何給定的條件不匹配,程式將執行 else condition,顯示警告訊息給定的字母表不是母音。

用幾個步驟檢查給定的 HTML 程式碼

按照這四個簡單的步驟,可以清楚地瞭解|| (OR) 運算子。

  • 建立一個文字文件。你可以使用記事本或任何其他文字編輯工具。
  • 將給定的程式碼貼上到建立的文字檔案中。
  • 使用 .html 副檔名儲存該文字檔案,並使用任何預設瀏覽器開啟它。
  • 你可以看到輸入表單欄位輸入任何字母並按提交按鈕;它將顯示一個警告框,顯示訊息字母表是否為母音。

獲得相同結果的替代方法

你還可以使用 || 使用 switch 語句實現相同的功能(OR) 運算子,如下所示。

switch (variable) {
  case "a" || "A":
     alert(variable+" is vowel")
    break;

只需將 switch(變數)與包含 ||case 一起使用運算子,而不是使用 if 語句。

相關文章 - JavaScript Condition