Round a Number to 2 Decimal Places in JavaScript

Round a Number to 2 Decimal Places in JavaScript #

Use the toFixed() method to round a number to 2 decimal places, e.g. num.toFixed(2). The toFixed method formats a number to a specified number of decimal places and rounds the number if necessary.

Copied!
const n1 = 13.5748;
const r1 = n1.toFixed(2);
console.log(r1); // 👉️ 13.57
console.log(typeof r1); // 👉️ string

// 👇️ if the value is a string
// call parseFloat to convert it to a number first
const s1 = '13.5758';
const r2 = parseFloat(s1).toFixed(2);
console.log(r2); // 👉️ 13.58
console.log(typeof r2); // 👉️ string

// 👇️ Convert string back to a number
const n2 = 13.1999;
const r3 = Number(n2.toFixed(2));
console.log(r3); // 👉️ 13.2
console.log(typeof r3); // 👉️ number

In our first example, we used the Number.toFixed method to round a number to 2 decimal places.

The only parameter the method takes is the number of digits to appear after the decimal point.

In our second example, we have a string that is a valid number. We had to call the parseFloat function on it, because the toFixed method can only be called on numbers.

In our third example, we used the the Number object to turn the string that the toFixed method returns into a number.

The number 1.00 is the same as 1, so the trailing zeros get dropped when the value is converted to a number.

Copied!
console.log(0.1 + 0.2 === 0.3); // 👉️ false

const n1 = (13.555).toFixed(2);
console.log(n1); // 👉️ 13.55

const n2 = (13.5551).toFixed(2);
console.log(n2); // 👉️ 13.56

In the first example 0.1 + 0.2 equals 0.30000000000000004 instead of 0.3. This is because the binary floating-point format cannot accurately represent numbers like 0.1 or 0.2.

The code gets rounded to the nearest number, resulting in a rounding error.

In our second example, we would expect to get 13.56 back, but instead the number gets rounded down to 13.55.

Further Reading #

• Remove Trailing Zeros from a Number in JavaScript
• Format a number to 2 Decimal places in JavaScript