JavaScript 中的逻辑与运算符 (&&) 是什么?

javascriptweb developmentfront end technology更新于 2024/8/18 4:30:00

在本文中，我们将讨论 JavaScript 中的逻辑与 (&&) 运算符。您必须确保逻辑与运算符 (&&) 与按位 (&) 运算符无关，它们在工作和用途方面是完全不同的运算符。

JavaScript 中的逻辑与 (&&) 运算符

逻辑与 (&&) 运算符是二元运算符之一，因为它需要两个操作数来执行运算。逻辑与运算符需要两个操作数，它们可以是表达式或任何比较的形式，但只有当运算符的两个操作数都为真时，AND 运算符才会返回 true。否则，它将返回 false，两个操作数都为假，或者其中任何一个为假。逻辑 AND (&&) 运算符主要用于条件语句中，当条件为真时执行其中的代码块。

它是如何工作的?

逻辑 AND (&&) 运算符从左操作数开始评估表达式或操作数，如果左操作数为假，它将立即返回 false，否则，它将检查右侧的操作数，如果右操作数也为真，它将返回 true，否则即使第一个表达式或操作数为真，它也会返回 false。

语法

以下语法将帮助您理解 JavaScript 中 AND (&&) 运算符的用法 −

操作数 1 && 操作数 2
OR
表达式 1 && expression2

通过在代码示例中实现逻辑 AND (&&) 运算符，让我们实际了解它的工作原理。

算法

步骤 1 - 在第一步中，我们将定义两个数字类型的输入元素，以数字形式从用户那里获取输入。

步骤 2 - 在此步骤中，我们将定义一个按钮元素，该元素带有 onclick 事件，当用户单击按钮时，该事件将调用一个函数，结果将对用户可见。

步骤 3 - 在第三步中，我们将为按钮的 onclick 事件定义回调函数，我们将在其中使用逻辑 AND 运算符。

步骤 4 - 在最后一步中，我们将获取用户给出的输入值，并将它们与使用逻辑 AND 运算符的某些条件进行比较，并将结果显示给与之关联的用户满足条件的特定条件语句。

示例 1

下面的示例将通过在代码中使用逻辑 AND (&&) 运算符来解释它的用法 −


<!DOCTYPE html>
<html>
<body>
   <h2>Logical AND operator (&&) in JavaScript</h2>
   <p> Enter two numbers: </p>
   <input type="number" id="inp1"> <br> <br>
   <input type="number" id="inp2"> <br>
   <p> Click to see the result of Logical AND Operator (&&) of above inputs. </p>
   <button onclick="display()"> Show Result </button>
   <p id="result"></p>
   <script>
      var result = document.getElementById("result");
      function display() {
         var inp1 = document.getElementById("inp1");
         var inp2 = document.getElementById("inp2");
         var val1 = Number(inp1.value);
         var val2 = Number(inp2.value);
         var res = val1 && val2
         result.innerHTML += "<br>Result: " + res;
      }
   </script>
</body>
</html>

在上面的例子中，我们在条件语句中使用了一些表达式的逻辑 AND 运算符，结果根据语句的条件而变化，不同条件将显示不同的结果。我们使用用户提供的输入来评估结果并显示不同场景的不同输出。

示例 2

如果两个操作数都不为零，则条件在逻辑 AND 运算符下变为真。您可以尝试运行以下代码来了解如何使用逻辑 AND 运算符 -


<html>
<body>
   <script>
      var a = true;
      var b = false;
      document.write("(a && b) => ");
      result = (a && b);
      document.write(result);
   </script>
</body>
</html>

在本教程中，我们了解了 JavaScript 中的逻辑 AND 运算符。我们通过代码示例讨论并理解了此运算符的实际用法，借助此示例，您可以轻松理解逻辑 AND 运算符在多个表达式中的工作原理，其中它仅显示语句的结果，即与 AND 运算符一起使用的操作数或表达式都为真。否则，它返回 false。

技术文章和资源

热门类别

JavaScript 中的逻辑与运算符 (&&) 是什么?