如何在 JavaScript 中获取数字的绝对值？

数轴上任意整数与零之间的距离称为该数的绝对值。由于它是距离，因此不存在负值。本教程将帮助您在 JavaScript 中找到数字的绝对值。

接下来，我们将了解在 JavaScript 中查找数字绝对值的方法。

使用 Math.abs()

使用Math.abs()函数返回数字的绝对值。如果 n 为正数或零，则返回 n；如果 n 为负数，则返回 n 的相反数。Math.abs() 是 Math 的静态函数。因此，我们按原样使用它。

语法

Math.abs(n)

如果 n 值为空字符串、内置空数组，则abs()方法返回0。如果值为字符串、空对象或包含多个值或无值的数组，则该方法返回NaN。

该方法与 Google Chrome、node.js、Samsung internet、Safari on ios、Opera for Android、Firefox for Android、Chrome for Android、Android web view、Safari、Opera、Firefox 和 Internet explorer 兼容。该方法是 ECMAScript1(ES1) 的特性。

参数

  • n − 我们需要找到绝对值的数字。

算法

步骤 1 − 分配一组不同的输入作为参数传递给 Math.abs()。

步骤 2 − 对所有输入进行 Math.abs() 操作。

步骤 3 − 存储返回值或显示输出。

示例 1

在此程序中，我们采用了 4 组输入。第一组包含整数。第二组包含 thanks、空值和空数组。第三组包含空对象、字符串、两个元素的数组和无参数。最后一组是 Math 函数的 NEGATIVE_INFINITY。这些输入由 Math.abs() 处理，我们得到以下输出。

<html>
   <body>
      <h3> Finding the absolute value of a number in JavaScript using <i> Math.abs() </i> </h3>
      <p id="absDisp1"> </p>
      <p id="absDisp2"> </p>
      <p id="absDisp3"> </p>
      <p id="absDisp4"> </p>
      <script>
         let x1 = Math.abs(3.42);
         let x2 = Math.abs(-3.42);
         let x3 = Math.abs(-9);
         let x4 = Math.abs(0);
         let x5 = Math.abs(2);
         let n1 = Math.abs(null);
         let n2 = Math.abs('');
         let n3 = Math.abs([]);
         let p1 = Math.abs("Tutorial");
         let p2 = Math.abs();
         let p3 = Math.abs({});
         let p4 = Math.abs([9, 1]);
         let a1 = Math.abs(Number.NEGATIVE_INFINITY);
         var absDispEl1 = document.getElementById("absDisp1");
         absDispEl1.innerHTML = "Math.abs(3.42) = " + x1 + " <br > " + " Math.abs(-3.42) = " + x2 + " <br > " + "Math.abs(-9) = " + x3 + " <br > " + "Math.abs(0) = " + x4 + " <br> " + "Math.abs(2) = " + x5 + " <br > ";
         var absDispEl2 = document.getElementById("absDisp2");
         absDispEl2.innerHTML = "Math.abs(null) = " + n1 + "<br>" + "Math.abs('') = " + n2 + "<br>" + "Math.abs([]) = " + n3 + "<br>";
         var absDispEl3 = document.getElementById("absDisp3");
         absDispEl3.innerHTML = "Math.abs('Tutorial') = " + p1 + "<br>" + "Math.abs() = " + p2 + "<br>" + "Math.abs({}) = " + p3 + "<br>" +"Math.abs([9,1]) = " + p4 + " <br> ";
         var absDispEl4 = document.getElementById("absDisp4");
         absDispEl4.innerHTML = "Math.abs( Number.NEGATIVE_INFINITY ) = " + a1;
      </script>
   </body>
</html>

示例 2

在此示例中，我们采用了输入集来执行减法运算。例如，我们给出两个输入，例如 x 和 y。Math.abs(x-y) 执行减法并返回绝对值。

<html>
   <body>
      <h4> Finding the absolute value of difference of two numbers using <i> Math.abs() </i> Math operation.</h4>
      <p id="absNumOut"> </p>
      <script>
         function doDiff(x, y) {
            return Math.abs(x - y);
         }
         var absNumOutEl = document.getElementById("absNumOut");
         absNumOutEl.innerHTML = "absolute(2-6) = " + doDiff(2, 6) + " <br> " + " absolute(4 - 2) = " + doDiff(4,2) + " <br > " + "absolute(2.12557- 8.99682) = " + doDiff(2.12557, 8.99682);
      </script>
   </body>
</html>

本教程指导我们学习了 Math.abs() 以在 JavaScript 中查找数字的绝对值。这是 Math 函数的内置特性；因此，我们必须按原样使用它。我们了解了当给出不同的输入时，此方法返回的各种输出。此方法也执行数学运算并返回其绝对值。

更新于： 2022-10-31

1K+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告