如何在 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+ 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告