如何在 JavaScript 中比较两个数字？

在本教程中，我们将学习如何在 JavaScript 中比较两个数字。如果您是竞争性编码员或应用程序开发人员，在这些情况下，您需要比较两个数字，并需要根据数字比较结果执行特定的操作。

尽管如此，许多程序员认为我们只能使用相等运算符来比较数字。但是，我们也可以使用小于或大于运算符来比较数字。

在本教程中，我们将看到所有三个运算符用于比较数字。

使用严格相等运算符 (===)

在 JavaScript 中，有两种相等运算符。一种是简单相等，另一种是严格相等运算符。严格相等运算符匹配两个变量的值，而严格相等运算符匹配变量的值和数据类型。

在这里，我们需要进行比较，以便两个变量都应该是数字类型并且具有相等的值。因此，我们将使用严格相等运算符。

语法

var number1 = 10;
var number2 = 20;
let result = number1 === number2;

示例

在下面的示例中，我们使用严格相等运算符比较了两个数字。我们根据数字是否匹配在屏幕上显示消息。

<html>
<head>
   <title>Matching two numbers in JavaScript.</title>
</head>
<body>
   <h2>Matching two numbers using <i> strict equality operator </i>.</h2>
   <h4>Comparison between 10 and 20.</h4>
   <div id = "numberOuput1"> </div>
   <h4>Comparison between 100 and 100.</h4>
   <div id = "numberOuput2"></div>
   <script>
      let numberOuput1 = document.getElementById("numberOuput1");
      let numberOuput2 = document.getElementById("numberOuput2");
      let number1 = 10;
      let number2 = 20;
      let isEqual = number1 === number2;
      numberOuput1.innerHTML = isEqual;
      isEqual = 100 === 100;
      numberOuput2.innerHTML = isEqual;
   </script>
</body>
</html>

使用小于或大于运算符比较数字

小于 (<) 和大于 (>) 运算符可用于比较两个数字，并检查哪个数字较小，哪个数字较大。但是，我们也可以将相等运算符与小于和大于运算符一起使用，分别称为小于或等于 (<=) 和大于或等于 (>=)。

用户可以按照以下语法使用小于或等于和大于或等于运算符来比较两个数字。

语法

var number1 = 0;
var number2 = 5;
let result = number1 <= number2; // less than or equal to
let result = number1 >= number2; // greater than or equal to

示例

在下面的示例中，我们使用了 <= 和 >= 运算符来比较两个数字。用户可以在输出中看到比较不同数字的结果。

<html>
<head>
   <title>Matching two numbers in JavaScript.</title>
</head>
<body>
   <h2>Comparing two numbers in JavaScript using the <i> less than or equal to and greater than or equal to operators. </i></h2>
   <h4>Comparison between 0 and 5.</h4>
   <div id = "numberOuput1"> </div>
   <h4>Comparison between 20 and 5.</h4>
   <div id = "numberOuput2"></div>
   <script>
      let numberOuput1 = document.getElementById("numberOuput1");
      let numberOuput2 = document.getElementById("numberOuput2");
      let number1 = 0;
      let number2 = 5;
      let isEqual = number1 <= number2;
      numberOuput1.innerHTML = isEqual;
      isEqual = 20 >= 5;
      numberOuput2.innerHTML = isEqual;
   </script>
</body>
</html>

使用比较查找 3 个数字中的最大值

在本节中，我们将找到 3 个数字中的最大数字。要解决此问题，我们可以使用小于或大于运算符。

用户可以按照以下语法使用“大于”运算符找到三个数字中的最大值。

语法

if (number1 > number2 && number1 > number3) {

   // if number1 is greater than other two numbers, number1 is the
   maximum
   maximum = number1;
} else if (number2 > number1 && number2 > number3) {
   maximum = number2;
} else {
   maximum = number3;
}

示例

在下面的示例中，我们使用了大于运算符来找到三个数字中的最大值。我们使用了 if-else 语句来检查任何单个数字是否大于其他两个数字。但是，如果用户传递相同的数字，则以下代码将无法工作。它仅用于比较不同的数字。

<html>
<head>
   <title>Matching two numbers in JavaScript.</title>
</head>
<body>
   <h2>Find maximum between three numbers using the <i> greater than operator </i>.</h2>
   <h4>Finding the maximum between 10, 43, and 5.</h4>
   <div id = "result"></div>
   <script>
      let result = document.getElementById("result");
      let number1 = 10;
      let number2 = 43;
      let number3 = 5;
      if (number1 > number2 && number1 > number3) {
         result.innerHTML = " maximum is " + number1;
      } else if (number2 > number1 && number2 > number3) {
         result.innerHTML = " maximum is " + number2;
      } else {
         result.innerHTML = " maximum is " + number3;
      }
   </script>
</body>
</html>

我们已经学习了如何使用相等运算符比较两个数字。我们已经看到了三个不同的比较数字的示例。第一个示例显示了两个数字之间的严格比较。在第三个示例中，我们使用了大于运算符来找到三个数字中的最大值。在第二个示例中，我们还使用了小于和大于运算符。

更新于：2022 年 8 月 8 日

17K+ 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告