Does JavaScript support formatting numbers by string format?

Question

In .NET I can format number by this code:

Dim num = 1234567.8933
Dim res = num.ToString("#,##0.00")

Result: res= 1,234,567.89

I want using this format "#,##0.00" in JavaScript. Does it support formatting numbers by string format?

Not built in, at least not like this. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Felix Kling
– Felix Kling, Commented Mar 17, 2020 at 12:16

palaѕн · Accepted Answer · 2020-03-17 12:34:02Z

5

Does it support formatting numbers by string format?

We don't have built-in support to format numbers, but we have few options to get desired #,##0.00 format like:

Using .toLocaleString():

const num = 1234567.8933

// To get only two decimal places use maximumFractionDigits option
const options = {minimumFractionDigits: 2, maximumFractionDigits: 2}
const res = num.toLocaleString(undefined, options)
console.log(res)   //=> 1,234,567.89

Using Intl.NumberFormat:

const num = 1234567.8933

// To get only two decimal places use maximumFractionDigits option
const options = {minimumFractionDigits: 2, maximumFractionDigits: 2}
const res = new Intl.NumberFormat(undefined, options).format(num)
console.log(res)   //=> 1,234,567.89

edited Mar 17, 2020 at 12:34

answered Mar 17, 2020 at 12:16

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Andreas Over a year ago

This might produce the requested output, but doesn't answer the question of OP.

D T Over a year ago

Thank you, but my format is not fix. it can change by setting.

Code Maniac Over a year ago

You can use maximumFractionDigits option to limit the fractions

D T Over a year ago

Thank you , but numeral.js can support change format by my setting.

Alex - Tin Le · Accepted Answer · 2020-03-17 12:21:03Z

3

If you want more complex formatting. You can have a look at http://numeraljs.com/#format

answered Mar 17, 2020 at 12:21

Alex - Tin Le

2,0101 gold badge8 silver badges11 bronze badges

Comments

ROOT · Accepted Answer · 2020-03-17 12:24:26Z

1

As mentioned in the comments, not out of the box maybe numeral.js would help:

var num = numeral(1234567.8933).format('0,0,0.00');
console.log(num)

<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

answered Mar 17, 2020 at 12:24

ROOT

11.7k5 gold badges35 silver badges49 bronze badges

Comments

Nilanka Manoj · Accepted Answer · 2020-03-17 12:19:41Z

0

You can use a regular expression to format :

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

Change expression as you required. It addresses the dynamic formatting issue.

answered Mar 17, 2020 at 12:19

community wiki

Nilanka Manoj

Comments

sourav satyam · Accepted Answer · 2020-03-17 12:22:48Z

0

Here fixed upto 2 digit after decimal and use toLocaleString()

let num = 1234567.8333
console.log(parseFloat(num.toFixed(2)).toLocaleString())

answered Mar 17, 2020 at 12:22

sourav satyam

9765 silver badges11 bronze badges

Comments

Code Maniac · Accepted Answer · 2020-03-17 12:26:18Z

0

You can use Intl.NumberFormat

let num = 1234567.8933

let value = new Intl.NumberFormat('en-US', {maximumFractionDigits: 2}).format(num);

console.log(value)

Intl.NumberFormat

edited Mar 17, 2020 at 12:26

answered Mar 17, 2020 at 12:19

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Collectives™ on Stack Overflow

Does JavaScript support formatting numbers by string format?

6 Answers 6

4 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related