how to seperate numbers with comma

Question

I want to separate the numbers with a comma as follows. How can it be done?

number              display
----------        ------------
1.00                   1
1.20                   1.20
1234                   1,234
1234.89                1,234.89

i use from:

@Html.TextBox("", FormattedValue, new { @class = "form-control text-center
number", lang = "en" })

<script>
  $('.number').priceFormat({
    prefix: '',
    thousandsSeparator: ',',
    insertPlusSign: '',
    centsLimit: 2,
  });
</script>

but This code always displays numbers with two decimal places, even if the decimal point is zero

So the title of your question focusses on the wrong thing, since you have the thousands separator working. But the problem is the decimals at the end? Better focus on that then... — trincot, Dec 26 '20 at 13:36
https://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript — Ken Lee, Dec 26 '20 at 13:38

score 1 · Answer 1 · answered Dec 26 '20 at 13:37

Your only issue with the approach you already have is that 1.00 should be rendered as just 1, with no decimal component. If so, you could just use a regex replacement.

var number = $('.number').priceFormat({
        prefix: '',
        thousandsSeparator: ',',
        insertPlusSign: '',
        centsLimit: 2
    });

number = number.replace(/\.00$/, "");

score 0 · Answer 2 · answered Dec 26 '20 at 13:47

Easy to do, using the toLocaleString method from the standard library:

number.toLocaleString(undefined, {minimumFractionDigits: 0, maximumFractionDigits: 2})

btw using this method without any arguments would format the number based on the user local setting, which is cool if you have users from multiple regions.

how to seperate numbers with comma

2 Answers2