JavaScript 中的一元否定运算符 (-) 是什么?


一元否定运算符首先将操作数转换为数字,然后对其取反。它对单个操作数进行操作。它返回操作数的否定值。布尔操作数转换为 0 或 1,然后进行否定。类似地,基数不是十进制的数字首先转换为十进制,然后计算否定值。

语法

以下语法将向您展示如何使用一元否定运算符对数字的值取反:

-x

这里一元运算符 (-) 对 x 取反。

让我们通过代码示例在不同场景中了解一元否定运算符的应用。

算法

步骤 1 - 声明一个变量并为其赋值。

步骤 2 - 使用一元运算符 (-),如语法定义。一元运算符位于操作数之前。

步骤 3 - 打印否定后的结果。

示例

您可以尝试运行以下代码,以了解如何在 JavaScript 中使用一元否定运算符:

<html>
   <body>
      <script>
         var a = true;
         var b = '0xFF';
         var c = false;
         var d = 100;
         var linebreak = "<br />";
         var result1, result2, result3, result4;
         result1 = -a;
         result2 = -b;
         result3 = -c;
         result4 = -d
         document.write("-true = "+ result1);
         document.write(linebreak);
         document.write("-'0xFF' = " + result2);
         document.write(linebreak);
         document.write("-false = " +result3);
         document.write(linebreak);
         document.write("-100 = " +result4);
      </script>
   </body>
</html>

示例

以下代码示例将说明在用户输入的字符串值的情况下使用一元否定运算符:

<html>
   <body>
      <h2> Working with Unary Negation Operator (-) in JavaScript </h2>
      <p> Enter any number: </p>
      <input type = "text" id = "inp" /> <br>
      <p> Press 'ENTER' or Click the below button to see the results. </p>
      <button onclick = "display()"> Click to See Results </button>
      <p id = "result"> </p>
      <script>
         var result = document.getElementById("result");
         function check() {
            var inp1 = document.getElementById("inp");
            var inpVal = inp1.value;
            var newVal = -inpVal;
            result.innerHTML += " The negative of the entered value is: " + newVal;
         }
         function display() {
            check();
         }
         window.addEventListener('keypress', e => {
            if (e.key === 'Enter') {
               check();
            }
         });
      </script>
   </body>
</html>

在上面的示例中,我们以字符串的形式从用户那里获取了一个数字作为输入,然后使用一元否定运算符对其取反,该运算符将输入数字的类型转换为数字并否定其值。

示例

在下面的示例中,我们从用户那里获取一个数字作为输入。否定输入数字。显示否定前后输入的类型。

<html>
   <body>
   <h2> Unary Negation Operator (-) in JavaScript </h2>
   <p> Enter any number: </p>
   <input type = "number" id = "inp1" /> <br>
   <p> Click the below button to see the results. </p>
   <button onclick = "display()"> Click to See Results </button>
   <p id = "result"> </p>
      <script>
         var result = document.getElementById("result");
         function check() {
            var inp1 = document.getElementById("inp1");
            var inpVal = inp1.value;
            var newVal = -inpVal;
            result.innerHTML += " The negative of the entered value is: " + newVal + "<br> type of the entered value is: " + (typeof inpVal) + "<br> type of the negative value is: " + (typeof newVal) + " <br> ";
         }
         function display() {
            check();
         }
      </script>
   </body>
</html>

在上面的示例中,我们通过将输入的 type 属性的值替换为数字,以数字的形式从用户那里获取输入。之后,我们使用一元否定运算符对用户输入的值取反。

在本文中,我们学习了 JavaScript 中的一元否定运算符。我们借助两个不同的代码示例详细讨论了它,其中每个示例都反映了它在不同场景中的使用。

更新于: 2023年1月6日

297 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告