JavaScript displaying a float to 2 decimal places

Question

I wanted to display a number to 2 decimal places   I thought I could use toPrecision 2  in JavaScript    However  if the number is 0 05  I get 0 0500  I d rather it stay the same   See it on JSbin   What is the best way to do this   I can think of coding a few solutions  but I d imagine  I hope  something like this is built in

User · Accepted Answer

float num toFixed 2     Note toFixed   will round or pad with zeros if necessary to meet the specified length

User · Answer

The toFixed   method formats a number using fixed-point notation    and here is the syntax  numObj toFixed  digits     digits argument is optional and by default is 0  And the return type is string not number  But you can convert it to number using   numObj toFixed  digits     1   It also can throws exceptions like TypeError  RangeError  Here is the full detail and compatibility in the browser

User · Answer

let a   0 0500 a toFixed 2      output 0 05

User · Answer

Don t know how I got to this question  but even if it s many years since this has been asked  I would like to add a quick and simple method I follow and it has never let me down   var num   response from a function or something     var fixedNum   parseFloat num  toFixed  2

User · Answer

Try toFixed instead of toPrecision

User · Answer

I have made this function  It works fine but returns string   function show float val val upto   2     var val   parseFloat val     return val toFixed upto

User · Answer

You could try mixing Number   and toFixed     Have your target number converted to a nice string with X digits then convert the formated string to a number   Number   myVar  toFixed 2       See example below    x000D   x000D  var myNumber   5 01  x000D  var multiplier   5  x000D      actionButton   on  click   function     x000D        message   text  myNumber   multiplier    x000D      x000D   x000D      actionButton2   on  click   function     x000D        message   text  Number   myNumber   multiplier  toFixed 2       x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 4 1 jquery min js  gt  lt  script gt  x000D   lt button id  actionButton  gt Weird numbers lt  button gt  x000D   lt button id  actionButton2  gt Nice numbers lt  button gt  x000D   x000D   lt div id  message  gt  lt  div gt  x000D   x000D   x000D

User · Answer

function round value  decimals      return Number Math round value  e  decimals   e-  decimals         round 1 005  2      return 1 01      round 1 004  2      return 1 instead of 1 00   The answer is following this link  http   www jacklmoore com notes rounding-in-javascript

User · Answer

You could do it with the toFixed function  but it s buggy in IE  If you want a reliable solution  look at my answer here

User · Answer

number parseFloat 2  works but it returns a string   If you d like to preserve it as a number type you can use   Math round number   100    100

[javascript] JavaScript displaying a float to 2 decimal places

Examples related to javascript

Examples related to floating-point

Examples related to precision