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

  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 語句。

Enjoying our tutorials? Subscribe to DelftStack on YouTube to support us in creating more high-quality video guides. Subscribe

相關文章 - JavaScript Condition