1

I am developing a react app and i need to format some numbers using toLocaleString function and i realize that the decimal part of the number changes to zero when the number is very

(10000.25).toLocaleString('en',{maximumFractionDigits: 2, minimumFractionDigits: 2});
//Output: 10,000.25

(10000000000000000000.25).toLocaleString('en',{maximumFractionDigits: 2, minimumFractionDigits: 2});
//Output: 10,000,000,000,000,000,000.00

why is this so? is it a bug or am I missing something?

Samuel
  • 13
  • 4

1 Answers1

1

Javascript compiler cannot handle very large numbers. Use Number.MAX_SAFE_INTEGER to check the last number it can handle. Try to consider using string type from the beginning if these numbers are not calculated (Maybe if you get it from an API kind of), or try using BigInt type.

For floating point, the maximum number it can handle to a precision of 1 decimal digit is 562949953421311 and it differs for other digits. This has been referred here. Try using the BigNumber class in your case.

Deepak
  • 2,660
  • 2
  • 8
  • 23
  • And that's just for an integer, for floating point like the OP is using it will be considerable less. More info here -> https://stackoverflow.com/questions/45929493/node-js-maximum-safe-floating-point-number – Keith Jan 01 '21 at 15:51
  • Thanks. I was quick to add answer for number type. I've edited. – Deepak Jan 01 '21 at 15:58
  • just exactly what i needed to know. Thanks – Samuel Jan 01 '21 at 16:31