如何在 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 組輸入。第一組具有整數值。第二組包含感謝、空值和空陣列。第三組包含空物件、字串、兩個元素陣列和無引數。最後一組是 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+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告