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