了解如何使用 JavaScript 需要逻辑思维。编程语言的语法，无论是 JavaScript 还是任何其他语言，都涉及使用可以检查变量及其值之间相等性的运算符。

使用 JavaScript 逻辑运算符可以让我们检查几个变量之间的相等性。现在，比较运算符（例如 JavaScript 不等于）允许您检查 JavaScript 数据类型的相等性。在本教程中，我们还将解释什么是 JavaScript 编码人员使用的三元运算符以及它的用途。

内容

JavaScript 比较和逻辑运算符：主要提示

  • JavaScript 逻辑运算符和比较运算符测试 or 值。truefalse

  • 运算符用于确定值或变量之间的差异或相等性。

  • 有多组运算符具有不同的用法。

比较运算符

当您需要确定不同变量的异同时，JavaScript 比较运算符用于它们的成对。比较运算符提供的返回值是布尔值，这意味着它可以是 True 或 False。

鉴于 ，使用下表解释了比较运算符。a = 13

算子描述比较返回
==等于一个 == 8假


一个 == 13真


一个 == “13”真
===等类型和相等值一个 === 13真


a === “13”假
!=不相等一个 ！= 8真
!==不等于类型或不等于值一个 ！== 13假


一个 ！== “13”真


一个 ！== 8真
>大于> 8真
<小于< 8假
>=等于或大于a >= 8真
<=小于或等于a <= 8假

注意：请注意，在 JavaScript 中，不相等的类型和不相等的值是两种不同的品质！

在下面的示例中，您可以看到语句中使用的比较运算符：if

例

if (age < 18) {
   text = "Too young";
}

逻辑运算符

JavaScript 逻辑运算符返回 或 ，具体取决于给定的信息：truefalse

  • JavaScript 运算符仅在两个语句都正确时返回。ANDtrue

  • JavaScript 运算符如果一个或两个语句正确，则返回。否则，它返回 。ORtruefalse

  • JavaScript 运算符返回语句，反之亦然。NOTtruefalse

虽然这可能使它们看起来与比较运算符相似，但它们的用途不同。顾名思义，逻辑运算符用于检查变量之间的逻辑。JavaScript 逻辑运算符主要用于语句中。if

下表解释了使用以下示例变量的 JavaScript 逻辑运算符：和：a = 9b = 4

算子描述例
&&和（a < 10 & b > 1） 为 true
||或（a == 5 || b == 5） 是假的
!不!（a == b） 为 true

条件（三元）运算符

条件运算符 （） 根据指定条件选择值。它需要三个作数。它通常用作 if 语句的替代品。?

算子描述
?三元运算符

在下面的示例中，您可以看到如何使用它。

例

 var age, voteable;
 age = document.getElementById("age").value;
 voteable = (age < 21) ? "You need to be 21 years old":"You are old enough"; document.getElementById("test").innerHTML = voteable + " to vote.";

正如您在示例中可能注意到的那样，使用 JavaScript 三元运算符而不是简单的语句会使代码更难阅读。因此，请确保不要过度使用它。if

比较不同类型

让 JavaScript 将字符串与其他数据类型进行比较可能会给你带来意想不到的结果。例如，如果您要将字符串与数字进行比较，JavaScript 会将这两个变量转换为数字，然后执行比较：

箱价值
3 < 13真
3 <“13”真
3 <“比利”假
3 >“比利”假
3 ==“比利”假
“3”<“13”假
“3”>“13”真
“3” == “13”假

如果你尝试让 JavaScript 比较字符串，它会发现大于 ，因为 1 小于 3。"3""13"

为了获得正确的结果，变量应该是相同的类型。

例

var age, voteable;
age = Number(document.getElementById("age").value);if (isNaN(age)) {
  voteable = "Input is not a number";
}else {
  voteable = (age < 21) 
    ? "You need to be 21 years old" 
    : "You are old enough";
}