Tutorial Gateway

JavaScript ABS

by

The JavaScript Abs function is one of the Math function which returns the absolute (Positive) value of the specified expression or an individual number. In this article we will show you, How to use Abs() function in JavaScript Programming language with example.

Syntax of a JavaScript Abs Function

The basic syntax of JavaScript Abs Function is as shown below:

Math.abs(number);

Number: It can be a number or a valid numerical expression for which you want to find absolute value.

  • If the number argument is positive or negative number, abs() function will return the absolute value in JavaScript.
  • If the number argument is not a number, abs() function will return NaN.
  • When the number argument is Null, abs() function return Zero as the absolute value in JavaScript.

JavaScript Abs Function Example

The JavaScript absolute Function allows you to find the absolute values of a numeric values. In this example, We are going to find the absolute values of different data types and display the output

JAVASCRIPT CODE

<!DOCTYPE html>
<html>
<head>
    <title> JavaScript ABS Function </title>
</head>
<body>
  <h1> JavaScript ABS Function </h1>
  <p id = "Pos"></p>
  <p id = "Neg"></p>
  <p id = "Dec"></p>
  <p id = "Neg_Dec"></p>
  <p id = "Str"></p>
  <p id = "Exp"></p>
  <p id = "Null"></p>
  <p id = "Multi"></p>
  <script>
    document.getElementById("Pos").innerHTML = Math.abs(20);
    document.getElementById("Neg").innerHTML = Math.abs(-20);
    document.getElementById("Dec").innerHTML = Math.abs(10.45);
    document.getElementById("Neg_Dec").innerHTML = Math.abs(-6.45);
    document.getElementById("Str").innerHTML = Math.abs("JavaScript");
    document.getElementById("Null").innerHTML = Math.abs(null);
    document.getElementById("Multi").innerHTML = Math.abs(2 + 55 - 77);
  </script>
</body>
</html>

OUTPUT

JavaScript ABS Function

ANALYSIS

First, We used the JavaScript ABS Function directly on both the Positive integer and negative integer. If you observe the above screenshot, both these statement will return same output

 document.getElementById("Pos").innerHTML = Math.abs(20);
 document.getElementById("Neg").innerHTML = Math.abs(-20);

Next, We used the ABS Function on both the Positive and negative Decimal values. If you observe the above screenshot, Abs() function will work perfectly with decimal values as well

 document.getElementById("Dec").innerHTML = Math.abs(10.45);
 document.getElementById("Neg_Dec").innerHTML = Math.abs(-6.45);

Next, We tried JavaScript absolute Function on String value. As we said before, this will return NaN (Not a Number) as output

document.getElementById("Str").innerHTML = Math.abs("JavaScript");

Next, We tried ABS Function on Null value and it return Zero as output

document.getElementById("Null").innerHTML = Math.abs(null);

In the below statement, We used the ABS() Function directly on multiple values.

 document.getElementById("Multi").innerHTML = Math.abs(2 + 55 - 77);

It means,

ABS(2 + 55 – 77)

ABS (-20) = 20

Thank You for Visiting Our Blog