JavaScript 使用 if 語句中的的 OR 條件
Muhammad Muzammil Hussain
2023年1月30日
2022年5月11日
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
語句。