JavaScript 使用 if 語句中的的 OR 條件
Muhammad Muzammil Hussain
2023年10月12日
JavaScript
JavaScript Condition
JavaScript 包含條件語句，如 if-else、switch 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 CASE 和 LOWER 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