The JavaScript Abs function is one of the JavaScript 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 the JavaScript Abs Function is as shown below:
|
1 |
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.
- If the number argument is not a number, abs() function will return NaN.
- If the number argument is Null, abs() function will return Zero.
JavaScript Abs Function Example
The JavaScript Abs 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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!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
ANALYSIS
First, We used the ABS() Function directly on both the Positive integer and negative integer. If you observe the above screenshot, both these statement will return same output
|
1 2 |
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
|
1 2 |
document.getElementById("Dec").innerHTML = Math.abs(10.45); document.getElementById("Neg_Dec").innerHTML = Math.abs(-6.45); |
Next, We tried ABS() Function on String value. As we said before, this will return NaN (Not a Number) as output
|
1 |
document.getElementById("Str").innerHTML = Math.abs("JavaScript"); |
Next, We tried ABS() Function on Null value and it return Zero as output
|
1 |
document.getElementById("Null").innerHTML = Math.abs(null); |
In the below statement, We used the ABS() Function directly on multiple values.
|
1 |
document.getElementById("Multi").innerHTML = Math.abs(2 + 55 - 77); |
It means,
ABS(2 + 55 – 77)
ABS (-20) = 20
Thank You for Visiting Our Blog
Leave a Reply