JavaScript 中的模運算子 (%) 是什麼?


在本教程中,我們將學習 JavaScript 中的模運算子。在某些語言中,模運算子也稱為餘數運算子。餘數運算子和模運算子都用於獲取一個整數除以另一個整數時的餘數,但它們在餘數的符號方面有所不同,即除法後返回的餘數是正數還是負數。

在表示式 a % b中,a 稱為被除數,而 b 稱為除數。在模運算子的情況下,表示式 ((a % b) + b) % b用於找出餘數,其中結果餘數的符號將類似於除數的符號,在本例中為 b。而表示式 a % b可用於使用餘數運算子查詢餘數,其中被除數 a 的符號被視為餘數結果的符號。在以下情況下,操作 a % b將返回 NaN:

  • 如果任何一個數字是NaN

  • 如果除數或分母為

語法

以下是 JavaScript 中使用模運算子的語法:

operand1 % operand2

它返回運算元 1除以運算元 2的整數除法的餘數。

讓我們藉助程式碼示例詳細瞭解 JavaScript 中的模運算子。

示例 1

您可以嘗試執行以下程式碼,以學習如何使用模 (%) 運算子。

<html>
<body>
   <script>
      var a = 33;
      var b = 10;

      document.write("a % b = ");
      result = a % b;
      document.write(result);
   </script>
</body>
</html>

示例 2

以下示例將解釋模運算子的行為及其對某些使用者輸入的結果:

<html>
<body>
   <h2> Modulus Operator (%) in JavaScript </h2>
   <p> Enter the operands below −</p>
   <lebel> Operand1: </label>
   <input type = "number" id = "inp1" value = 3> <br> <br>
   <lebel> Operand2: </label>
   <input type = "number" id = "inp2" value = 2>
   <p> Click to see the result of Modulus Operator (%). </p>
   <p id = "result"></p>
   <button onclick = "display()"> Show Result </button>
   <script>
      var result = document.getElementById("result");
      function display() {
         var inp1 = document.getElementById("inp1");
         var val1 = Number(inp1.value);

         var inp2 = document.getElementById("inp2");
         var val2 = Number(inp2.value);
         var mod = ((val1 % val2) + val2) % val2;
         result.innerHTML = " <b> Result: " + mod + " </b> <br> ";
      }
   </script>
</body>
</html>

在上面的示例中,我們使用了表示式 ((val1 % val2) + val2) % val2; 來評估模運算子的結果,該結果取決於除數或分母的符號,對於負除數值,結果將為負,對於正值,結果將為正。

讓我們再看一個示例,我們將使用簡單的餘數運算子並檢視其輸出。

示例 3

以下示例將說明餘數運算子的使用,並幫助您更好地理解它:

<html>
<body>
   <h2> Modulus Operator (%) in JavaScript </h2>
   <p> Enter the operands below −</p>
   <lebel> Operand1: </label>
   <input type = "number" id = "inp1" value = 13> <br> <br>
   <lebel> Operand2: </label>
   <input type = "number" id = "inp2" value = 9>
   <p> Click to see the result of Modulus Operator (%) of above two numbers. </p>
   <p id = "result"></p>
   <button onclick = "display()"> Show Result </button>
   <script>
      var result = document.getElementById("result");
      function display() {
         var inp1 = document.getElementById("inp1");
         var val1 = Number(inp1.value);
         var inp2 = document.getElementById("inp2");
         var val2 = Number(inp2.value);
         var rem = val1 % val2;
         result.innerHTML += "Result : " + rem ;
      }
   </script>
</body>
</html>

在上面的示例中,我們使用了 val1 % val2表示式來使用餘數運算子評估餘數的值,並將結果儲存在 rem 變數中,然後將其顯示給使用者。此運算子的結果值將取決於被除數或分子的符號,如果被除數的值為正,則結果為正。否則,它將為負。

在本教程中,我們已經透過程式碼示例瞭解了模運算子,在程式碼示例中,我們實際上實現了它以嘗試被除數和除數的不同值,並且可以互換地測試被除數和除數的負值和正值。我們還透過示例瞭解了餘數運算子,以區分餘數和模運算子。

更新於: 2022-11-25

1K+ 次瀏覽

啟動您的 職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.