JavaScript Number.toLocaleString() with 4 digits after separator

Question

Is there a way to get number.toLocaleString() with 4 digits after the comma?

Example:

var number = 49.9712;
document.getElementById('id').innerText = number.toLocaleString();

Result: 49,9712

But now it always returns number with 2 digits after comma: 49,97

`24.3243.toLocaleString();` --> `"24,324"`, for me, in the latest Chrome. — Cerbrus, Jul 15 '14 at 13:00
It depends on culture settings... But I need exactly 4 digits, man. — Artem, Jul 15 '14 at 13:01
I had to use a min and a max: toLocaleString('en-US', { minimumFractionDigits: 4, maximumFractionDigits: 4 }) — Dean, Dec 19 '18 at 21:36

score 137 · Accepted Answer · answered Apr 21 '15 at 13:21

137

You may use second argument to provide some options. In your case, with default locale:

number.toLocaleString(undefined, { minimumFractionDigits: 4 })

answered Apr 21 '15 at 13:21

Radagast

3

Great! I didn't know that method had an options parameter. – luis.ap.uyen Jun 14 '16 at 13:58
6

Thank you. It seems like the ONLY possible solution when formatting numbers under a user locale with a defined number digits after the separator. As for myself, I used a second parameter named maximumFractionDigits. It forces the number to be outputted with the specified number of fraction digits. – David Jul 19 '16 at 17:32
very smooth and easy to use. – ParisNakitaKejser Jun 20 '18 at 13:06
3

If you only use minimumFractionDigits, you can get more digits than 4. There is a maximumFractionDigits field too - see comment in question. – Dean Dec 19 '18 at 21:38

score 16 · Answer 2 · answered Oct 19 '16 at 17:58

16

I found that

var number = 49.9712;
number.toLocaleString( { minimumFractionDigits: 4 })

gave the result of "49.971"

In order to actually get the 4 decimal place digits, I did this:

number.toLocaleString(undefined, { minimumFractionDigits: 4 })

Also filling in a country code worked:

number.toLocaleString('en-US', { minimumFractionDigits: 4 })

In both cases I got 49.9712 for the answer.

answered Oct 19 '16 at 17:58

rainslg

user2430829 · Answer 3 · 2020-07-15T21:44:58.823

0

Quick solution:

call it like this:

console.log(localeN(value, 4));

function localeN(v, n) {
    var i, f;
  
    i = Math.floor(v);
    f = v - i;
    return i.toLocaleString() + f.toFixed(n).substr(1);
}

edited Jul 15 '20 at 21:44

answered Jul 14 '20 at 18:26

user2430829

score -3 · Answer 4 · answered Jul 15 '14 at 13:10

-3

You cannot do this with toLocaleString() alone. But you can round to 4 decimal places before displaying:

var n = Math.round(number * 10000) / 10000;
document.getElementById('id').innerText = n.toLocaleString();

answered Jul 15 '14 at 13:10

Christophe

Thank you for quick reply. But I need 4 digits to be precize. – Artem Jul 15 '14 at 13:11
Edited for 4 decimal places. – Christophe Jul 15 '14 at 13:11
This is because depending on your locale, `toLocaleString()` may only round to 3 decimal places (as it does for me), which means the extra precision will get lost. – dooleyo Dec 23 '14 at 18:52
3

This answer is wrong. You can do it with just toLocaleString(), as Radagast's answer demonstrates below. – zeptonaut Aug 06 '15 at 15:45

4 Answers4