How do you round to one decimal place in JavaScript?

by

Math.round(num * 10) / 10 works, and here is an example…

var number = 12.3456789
var rounded = Math.round(number * 10) / 10
// rounded is 12.3

If you want it to have one decimal place, even when that would be a 0, then add…

var fixed = rounded.toFixed(1)
// 'fixed' is always to one decimal point
// NOTE: .toFixed() returns a string!

// To convert back to number format
parseFloat(number.toFixed(2))
// 12.34
// but that will not retain any trailing zeros

// So, just make sure it is the last step before output,
// and use a number format during calculations!

Using this principle, for reference, here is a handy little round function that takes precision…

function round(value, precision) {
    var multiplier = Math.pow(10, precision || 0);
    return Math.round(value * multiplier) / multiplier;
}

… usage …

round(12345.6789, 2) // 12345.68
round(12345.6789, 1) // 12345.7

… defaults to round to nearest whole number (precision 0) …

round(12345.6789) // 12346

… and can be used to round to nearest 10 or 100, etc…

round(12345.6789, -1) // 12350
round(12345.6789, -2) // 12300

… and correct handling of negative numbers …

round(-123.45, 1) // -123.4
round(123.45, 1) // 123.5

… and can be combined with toFixed to format consistently as string …

round(456.7, 2).toFixed(2) // "456.70"

More Related Contents:

  1. How to round to at most 2 decimal places, if necessary?
  2. Formatting a number with exactly two decimals in JavaScript
  3. How do you round to 1 decimal place in Javascript?
  4. How to round up a number in Javascript?
  5. Javascript: formatting a rounded number to N decimals
  6. How can I round a number in JavaScript? .toFixed() returns a string?
  7. Is there a way to round numbers into a reader friendly format? (e.g. $1.1k) [closed]
  8. Get decimal portion of a number with JavaScript
  9. How to round float numbers in javascript?
  10. Gaussian/banker’s rounding in JavaScript
  11. In jQuery, what’s the best way of formatting a number to 2 decimal places?
  12. How do I round a number in JavaScript?
  13. Round number up to the nearest multiple of 3
  14. How can I round down a number in Javascript?
  15. Javascript: Round up to the next multiple of 5
  16. Rounding numbers to 2 digits after comma
  17. How to round up a number to a precision of tenths in Javascript?
  18. How can I round to whole numbers in JavaScript?
  19. Round a float up to the next integer in javascript
  20. JavaScript: Round to a number of decimal places, but strip extra zeros
  21. round off decimal using javascript
  22. How to overload functions in javascript?
  23. How to differentiate single click event and double click event?
  24. Can I load an entire HTML document into a document fragment in Internet Explorer?
  25. Replacing the nth instance of a regex match in Javascript
  26. Replace a list of emoticons with their images
  27. Running an Express server middleware alongside Nuxt
  28. How to change only text node in element [duplicate]
  29. ES2017 – Async vs. Yield
  30. IE e.target.id is not working

Leave a Comment