toFixed in JavaScript A Complete Guide

Are you confused about how to use toFixed method in JavaScript? Do you ask what it means, what its syntax, parameter, and return value?

Well, in this article we will discover the concept of toFixed() method, explore example programs, and learn how to use toFixed JavaScript.

Nevertheless, let’s get started!

What is tofixed() method JavaScript?

The tofixed() method in JavaScript is a built-in function that is utilized to format a number with a specific number of digits after the decimal point.

Further, this method converts numeric value into a string representation with specified decimal places.

So, here is the tofixed() syntax:

number.toFixed(digits)

In the given syntax the parameter is the digits, it specifies the number of decimal places to include in the formatted string.

In addition, the integer should have a value between 0 and 20 inclusive. However, if the digits are not provided or are invalid the method will use 0 as the default value.

The return value of this method is always in a string representation of a number with the specified number of digits after decimal points.

It is important to note that it returns a string even if the number of decimal places is set to 0.

How to use toFixed in JavaScript

Example Programs

Here are a few examples programs that demonstrate the usage of tofixed() method in JavaScript.

Example 1. Formatting a Number with Two Decimal Places

This program demonstrates how to format a number with two decimal places using toFixed() method.

let sampleNumber = 5.1234;
let formattedNumber = sampleNumber.toFixed(2);

console.log(formattedNumber)

Output:

5.12

In this example, the toFixed(2) method is called on the sampleNumber variable, which formats it to two decimal places.

The resulting string value, “5.12”, is stored in the formattedNumber variable and displayed using console.log().

Example 2: Formatting a whole number with zero decimal places

This example program will demonstrate how to format a whole number with zero decimal places using tofFixed() method.

let sampleNumber = 44;
let formattedNumber = sampleNumber.toFixed(0);

console.log(formattedNumber); // Output: "44"

Output:

44

In this example, the toFixed(0) method is called on the sampleNumber variable, indicating that zero decimal places should be displayed. Since sampleNumber is a whole number, the formatted string value is “44“.

Example 3: Handling Invalid Parameter

Another example program will show how to handle invalid parameter along with toFixed() method.

let sampleNnumber = 8.5;
let sampleDigits = -1;
let formattedNumber = sampleNnumber.toFixed(sampleDigits);

console.log(formattedNumber); 

Output:

8.5

Example 4: Format the Exponential Number into a String representation

The toFixed() method can be utilized to convert numbers in exponential form into a string representation with a defined number of decimal places.

let SampleExponentialNumber=3.14e+15;
console.log(SampleExponentialNumber.toFixed(2));

Output:

3140000000000000.00

In this example, the toFixed() method is employed on a number represented in exponential form. The resulting string representation, “3140000000000000.00“, displays the number with two decimal places.

To learn more about JavaScript functions here are other resources you can check out:

• How To Clone Array JavaScript? | 5 Methods
• Index Of Substring JavaScript With Advanced Techniques

Conclusion

The tofixed() method in JavaScript is a powerful tool for formatting numbers with a fixed number of decimal places. It allows you to control the precision of your numeric values and ensures consistent representation across different contexts. By understanding how to use the tofixed() method, you can enhance the readability and accuracy of your JavaScript code.

Glay Eliver

Programmer & Technical Writer at PIES IT Solution

Glay Eliver is a programmer and writer at PIES IT Solution, author of over 600 tutorials at itsourcecode.com. Specializes in JavaScript tutorials, Microsoft Office how-tos (Excel, Word, PowerPoint), and Python error debugging covering ImportError, TypeError, AttributeError, ModuleNotFoundError, and JavaScript ReferenceError. Authored several of the site’s highest-traffic Excel and MS Office reference articles.

Expertise: JavaScript · MS Excel · MS Word · MS PowerPoint · Python · Python ImportError · Python TypeError · Python AttributeError · ModuleNotFoundError · JavaScript ReferenceError · Pygame  · View all posts by Glay Eliver →