showing numeric values nicely

Question

I have an object MyObject that contains a property MyProp that is sometimes numeric. At the moment, I'm showing the number as text like this:

$('#MyDiv').text(MyObject.MyProp);

I want to add formatting to this number. I can check it's numeric but I'm wondering how to do the number formatting.

if ($.isNumeric(MyObject.MyProp) === false) {

   $('#MyDiv').text(MyObject.MyProp);

} else {

   var PrettyNumber = MakePrettyNumber(MyObject.MyProp);
   $('#MyDiv').text(PrettyNumber);
}

I'm thinking about looping through the length of the number string and adding commas to separate thousands and add a dot for decimal. Is there a better way? One that doesn't require a plug-in?

Thanks.

There are no native facilities in any standard JavaScript runtime for doing what you're describing. You'll have to write your own code or use some other library. — Pointy, May 27 '12 at 13:04

score 0 · Accepted Answer · edited May 23 '17 at 12:20

0

function MakePrettyNumber(x) {
  var res = x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  res = res.replace(/^([^\.]*)$/g, "$1.000");
  return res;
}

See here for details: How to print a number with commas as thousands separators in JavaScript

edited May 23 '17 at 12:20

Community

1
1

answered May 27 '12 at 13:06

Mandar Limaye

1,900
16
24

ah ok, regular expressions! Is there a way to also add the decimal dot? – frenchie May 27 '12 at 13:08
MakePrettyNumber(12345.6789) result is not pretty – neu-rah May 27 '12 at 13:16
@frechie do you want to add a decimal point at the end of the number if it doesnt already have one? So, if the input is 123456, then the output should be 123,456.00? – Mandar Limaye May 27 '12 at 13:16
@frenchie added decimal and 3 zeroes. – Mandar Limaye May 27 '12 at 13:49
Is there a way to combine this into one regex? – frenchie May 27 '12 at 14:00

showing numeric values nicely

1 Answers1