JavaScript 中的減法運算子 (-) 是什麼?


減法運算子也稱為減號運算子。它是一個二元運算子,這意味著它需要至少兩個運算元才能進行運算。它不能與單個運算元一起使用。通常,減法運算子從第一個運算元中減去或減去第二個運算元的值,並返回結果原樣,這意味著如果兩個數字相減的結果為負數,它將返回負數結果,否則如果結果為正數,它將返回正數結果。

在本文中,我們將詳細討論減法運算子及其在 JavaScript 中不同場景下的工作原理以及示例。

語法

以下語法將展示如何在 JavaScript 中使用減法運算子:

var subtract = operand1 - operand2;

減法運算子是如何工作的?

以下示例將說明減法運算子與兩個運算元一起工作的情況:

9 – 5 = 4 // Answer is positive 4, as operand1 is greater than operand2
5 - 9 = -4 // Answer is negative 4, because operand1 is less than operand2

讓我們透過在程式碼示例中實際實現它來詳細瞭解減法運算子的工作原理。

演算法

步驟 1 - 在演算法的第一步中,我們將在 HTML 文件中新增兩個不同的輸入元素,以獲取使用者輸入的數字。

步驟 2 - 在此步驟中,我們將新增一個按鈕標籤,並與其關聯一個 onclick 事件,該事件稍後將在使用者單擊按鈕觸發事件時呼叫函式。

步驟 3 - 在下一步中,我們將定義一個 JavaScript 函式,該函式將透過單擊按鈕向用戶顯示結果,因為它將作為其值傳遞給 onclick 事件。

步驟 4 - 在最後一步中,我們將獲取使用者在輸入標籤中輸入的值,然後對這些值進行減法運算子運算,以向用戶展示減法運算子的工作原理。

示例

以下示例將說明如何在 JavaScript 程式碼中實際實現減法運算子:

<html>
   <body>
      <h2> Working with Subtraction Operator (-) in JavaScript</h2>
      <p> Enter any two numbers: </p>
      <lable>num1:</label><input type = "number" id = "inp1" > <br> <br>
      <lable>num2:</label><input type = "number" id = "inp2" > <br><br>
      <button onclick = "display()"> Click to See Results </button><br>
      <p id = "result"> </p>
      <script>
         var result = document.getElementById("result");
         function display() {
            var inp1 = document.getElementById("inp1");
            var inp2 = document.getElementById("inp2");
            var num1 = Number(inp1.value);
            var num2 = Number(inp2.value);
            var ans1 = num1 - num2;
            var ans2 = num2 - num1;
            result.innerHTML += 'num1 - num2 : ' + ans1 + "<br>";
            result.innerHTML += 'num2 - num1 : ' + ans2 + " <br> ";
         }
      </script>
   </body>
</html>

在此示例中,我們從使用者那裡獲取了兩個數字輸入,然後使用 JavaScript 獲取它們的值。之後,我們使用減法運算子將這些值彼此相減。

讓我們再考慮一個程式碼示例,我們將使用減法運算子透過減去兩個不同陣列的對應元素來解決即時問題。

演算法

步驟 1 - 在第一步中,我們將考慮兩個具有某些初始值關聯的不同靜態型別 JavaScript 陣列。

步驟 2 - 在此步驟中,我們將使用 for 迴圈減去兩個陣列的對應元素,並將結果儲存在新陣列的相同位置。

步驟 3 - 在最後一步中,我們將顯示減法結果或減去兩個陣列的對應元素後得到的新陣列。

示例

以下示例將向您展示如何使用減法運算子減去兩個不同陣列的對應元素:

<html>
   <body>
      <h2> Subtraction Operator (-) in JavaScript </h2>
      <p> Initial Arrays: <br>
         Array1: <b> [11, 12, 13, 14, 15] </b> <br>
         Array2: <b> [2, 4, 6, 8, 10] </b>
      </p>
      <button onclick = "display()"> Click to See Results </button>
      <p id = "result"> </p>
      <script>
         var result = document.getElementById("result");
         var Array1 = [11, 12, 13, 14, 15];
         var Array2 = [2, 4, 6, 8, 10];
         var answer = [];
         for (var i = 0; i < 5; i++) {
            answer[i] = Array1[i] - Array2[i];
         }
         function display() {
            result.innerHTML += " Array1 - Array2 is: <b> ]" + answer + "] </b> <br> ";
         }
      </script>
   </body>
</html>

在上面的示例中,我們獲取了兩個長度為 5 的靜態 JavaScript 陣列,其中包含不同的元素,然後使用 for 迴圈使用減法運算子減去對應元素的值,從而導致減法運算子的良好應用。

在本文中,我們學習了 JavaScript 中的減法運算子。我們藉助程式碼示例詳細討論了減法運算子,透過在其中實際實現它。在第一個程式碼示例中,我們看到了減法運算子用於將兩個不同數字彼此相減的簡單和樸素的應用,而在第二個示例中,我們討論了減法運算子的即時使用,其中我們使用它來解決與兩個不同陣列的對應元素相減相關的問題。

更新於: 2023年1月6日

2K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告