Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Formatting Numbers for Currency Display in JavaScript


  • Please log in to reply
No replies to this topic

#1 mike123

mike123

    CC Lurker

  • Just Joined
  • Pip
  • 1 posts

Posted 12 August 2008 - 12:48 AM

Methods-Number.toFixed(x)
Description -Formats any number for "x" number of trailing decimals. The number is rounded up, and "0"s are used after the decimal point if needed to create the desired decimal length.

Methods-Number.toPrecision(x)
Description -Formats any number so it is of "x" length. Also called significant digits. A decimal point and "0"s are used if needed to create the desired length.


-Number.toFixed()

The best way to see all the subtleties of toFixed() is to see it in action:

var profits=2489.8237
profits.toFixed(3) //returns 2489.824 (round up)
profits.toFixed(2) //returns 2489.82
profits.toFixed(7) //returns 2489.8237000 (padding)
Displaying any number in currency format can't get any easier!

-Number.toPrecision()
To toPrecision() now:

var anumber=123.45
anumber.toPrecision(6) //returns 123.450 (padding)
anumber.toPrecision(4) //returns 123.5 (round up)
anumber.toPrecision(2) //returns 1.2e+2 (you figure it out!)
toPrecision() is useful if your number must be of a certain length.

Browser Considerations
Now, as noted, our two heros above are JavaScript 1.5 methods. What this means is that they'll only work in IE5.5+ and NS6+. The issue of legacy browsers not performing the desired formatting operation not withstanding, how do you ensure that these two methods at least degrade well? Well, by using method detection in your code. For example:

var profits=2489.8237
if (profits.toFixed) //if browser supports toFixed() method
profits.toFixed(2)
For those of you who also need to ensure legacy browsers such as IE5 also perform the desired number formatting operation, well, then it's time to roll your own function.

get more information about web appliaction development visit infysolutions.com
  • -1




Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download