Javascript roundoff number to nearest 0.5

Javascript

Javascript Problem Overview


Can someone give me an idea how can i round off a number to the nearest 0.5.
I have to scale elements in a web page according to screen resolution and for that i can only assign font size in pts to 1, 1.5 or 2 and onwards etc.

If i round off it rounds either to 1 decimal place or none. How can i accomplish this job?

Javascript Solutions


Solution 1 - Javascript

Write your own function that multiplies by 2, rounds, then divides by 2, e.g.

function roundHalf(num) {
    return Math.round(num*2)/2;
}

Solution 2 - Javascript

Here's a more generic solution that may be useful to you:

function round(value, step) {
	step || (step = 1.0);
	var inv = 1.0 / step;
	return Math.round(value * inv) / inv;
}

round(2.74, 0.1) = 2.7

round(2.74, 0.25) = 2.75

round(2.74, 0.5) = 2.5

round(2.74, 1.0) = 3.0

Solution 3 - Javascript

Just a stripped down version of all the above answers:

Math.round(valueToRound / 0.5) * 0.5;

Generic:

Math.round(valueToRound / step) * step;

Solution 4 - Javascript

To extend the top answer by newtron for rounding on more than only 0.5

function roundByNum(num, rounder) {
    var multiplier = 1/(rounder||0.5);
    return Math.round(num*multiplier)/multiplier;
}

console.log(roundByNum(74.67)); //expected output 74.5
console.log(roundByNum(74.67, 0.25)); //expected output 74.75
console.log(roundByNum(74.67, 4)); //expected output 76

Solution 5 - Javascript

Math.round(-0.5) returns 0, but it should be -1 according to the math rules.

More info: Math.round() and Number.prototype.toFixed()

function round(number) {
    var value = (number * 2).toFixed() / 2;
    return value;
}

Solution 6 - Javascript

    function roundToTheHalfDollar(inputValue){
      var percentile = Math.round((Math.round(inputValue*Math.pow(10,2))/Math.pow(10,2)-parseFloat(Math.trunc(inputValue)))*100)
      var outputValue = (0.5 * (percentile >= 25 ? 1 : 0)) + (0.5 * (percentile >= 75 ? 1 : 0))
      return Math.trunc(inputValue) + outputValue
    }

I wrote this before seeing Tunaki's better response ;)

Solution 7 - Javascript

These answers weren't useful for me, I wanted to always round to a half (so that drawing with svg or canvas is sharp).

This rounds to the closest .5 (with a bias to go higher if in the middle)

function sharpen(num) {
  const rem = num % 1
  if (rem < 0.5) {
    return Math.ceil(num / 0.5) * 0.5 + 0.5
  } else {
    return Math.floor(num / 0.5) * 0.5
  }
}

console.log(sharpen(1)) // 1.5
console.log(sharpen(1.9)) // 1.5
console.log(sharpen(2)) // 2.5
console.log(sharpen(2.5)) // 2.5
console.log(sharpen(2.6)) // 2.5

Solution 8 - Javascript

var f = 2.6;
var v = Math.floor(f) + ( Math.round( (f - Math.floor(f)) ) ? 0.5 : 0.0 );

Solution 9 - Javascript

As a bit more flexible variation of the good answer above.

function roundNumber(value, step = 1.0, type = 'round') {
  step || (step = 1.0);
  const inv = 1.0 / step;
  const mathFunc = 'ceil' === type ? Math.ceil : ('floor' === type ? Math.floor : Math.round);

  return mathFunc(value * inv) / inv;
}

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJohnydepView Question on Stackoverflow
Solution 1 - JavascriptnewtronView Answer on Stackoverflow
Solution 2 - JavascriptMichael DealView Answer on Stackoverflow
Solution 3 - JavascriptPaul LeeView Answer on Stackoverflow
Solution 4 - JavascriptRonan StoffersView Answer on Stackoverflow
Solution 5 - JavascriptJulia SavinkovaView Answer on Stackoverflow
Solution 6 - JavascriptmekdigitalView Answer on Stackoverflow
Solution 7 - JavascriptDominicView Answer on Stackoverflow
Solution 8 - JavascriptBlazesView Answer on Stackoverflow
Solution 9 - JavascriptKostiantyn PetliaView Answer on Stackoverflow