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

front end technologyjavascriptweb development

在本教程中,我们将学习如何在 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; // 小于或等于
let result = number1 >= number2; // 大于或等于

示例

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

<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) {

   // 如果 number1 大于其他两个数字,则 number1 为
   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>

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


相关文章