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 - 在最后一步中，我们将获取用户在输入标签中输入的值，然后对这些值进行减法运算符运算，以向用户展示减法运算符的工作原理。

Learn JavaScript in-depth with real-world projects through our JavaScript certification course. Enroll and become a certified expert to boost your career.

示例

以下示例将说明如何在 JavaScript 代码中实际实现减法运算符：

Open Compiler
<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 - 在最后一步中，我们将显示减法结果或减去两个数组的对应元素后得到的新数组。

示例

以下示例将向您展示如何使用减法运算符减去两个不同数组的对应元素：

Open Compiler
<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+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告