Javascript: using toLocaleString + Tofixed

Question

I need to format a number for a project im working on at work, only problem is that I cant format it how i want.

I convert the number to a localestring using the toLocaleString method which gives me the commas but i also need decimal places, nothing i seem to do works.

var number = 123.322 number = parseFloat(number).toFixed(2) //123.22 number.toLocaleString() //123.22 

The above code just returns the parsefloated number along with the tofixed decimal values but it doesn't add the commas.

How do i get a number to have two decimal places (when the value is 'xx.00') and also be comma separated. Is this possible in JavaScript?

Answer 1

You can give an object to .toLocaleString() which describes what you want:

var sNumber = (10123.322).toLocaleString(undefined,  {'minimumFractionDigits':2,'maximumFractionDigits':2}); 

Documentation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

Original:

const fNumber = 10123.322;  const sNumber = parseFloat(fNumber.toFixed(2)).toLocaleString();  console.log(sNumber);

The number is already in decimal/float format on the first line.

• .toFixed(2) turns it into a string using fixed-point notation.
• parseFloat() takes that string and turns it back into a float.
• .toLocaleString() turns it into a string using the local format.

Answer 2

Just to do it in one line

var num = '12233.3366554'; num = parseFloat(parseFloat(num).toFixed(2)).toLocaleString('en-IN', { useGrouping: true });