How to use toLocaleString() and tofixed(2) in JavaScript

by

Taken from MDN:

Syntax

numObj.toLocaleString([locales [, options]])

toLocaleString takes 2 arguments. The first is the locale, the second are the options. As for the options, you are looking for:

minimumFractionDigits

The minimum number of fraction digits to use.
Possible values are from 0 to 20; the default for plain number and
percent formatting is 0; the default for currency formatting is the
number of minor unit digits provided by the ISO 4217 currency code
list (2 if the list doesn’t provide that information).

https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

To be able to set the options without setting the locale, you can pass undefined as first argument:

var num = 2046430;
num.toLocaleString(undefined, {minimumFractionDigits: 2}) // 2,046,430.00

However this also allows the fraction to be longer than 2 digits. So we need to look for one more option called maximumFractionDigits. (Also on that MDN page)

var num = 2046430.123;
num.toLocaleString(undefined, {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
}) // 2,046,430.12

More Related Contents:

  1. Updating php values using jquery
  2. Node.js bug ? function’s return value change when stored as variable
  3. Display attribute ‘Title’ of element/s in other element on Focus or Click
  4. Understanding unique keys for array children in React.js
  5. Access Java / Servlet / JSP / JSTL / EL variables in JavaScript
  6. How to delay the .keyup() handler until the user stops typing?
  7. What do square brackets around a property name in an object literal mean?
  8. Adding console.log to every function automatically
  9. JS function named `animate` doesn’t work in Chrome, but works in IE
  10. When is NodeList live and when is it static?
  11. Get GPS location from the web browser
  12. How to pass variable from jade template file to a script file?
  13. How can I remove the decimal part from JavaScript number?
  14. Get loop counter/index using for…of syntax in JavaScript
  15. How to preload a sound in Javascript?
  16. Unicode value \uXXXX to Character in Javascript
  17. How to localize a simple HTML website page in my case?
  18. how to compare two elements in jquery [duplicate]
  19. How can I get sin, cos, and tan to use degrees instead of radians?
  20. Call a function on click event in Angular 2
  21. Using PhantomJS to embed all images of a webpage produces warnings but works
  22. How to get object in WebGL 3d space from a mouse click coordinate
  23. Angular2 too many file requests on load
  24. How to add bootstrap in angular 6 project? [duplicate]
  25. React: Axios Network Error
  26. Implementing events in custom object
  27. Javascript copy array to new array [duplicate]
  28. How to change scrollbar position?
  29. Why do two web pages have different localStorage? How can I fix this?
  30. In jQuery, is there any way to only bind a click once?

Leave a Comment