Javascript roundoff number to nearest 0.5


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?

72075 次浏览
小开
最佳答案

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

function roundHalf(num) {
return Math.round(num*2)/2;
}
小开 
var f = 2.6;
var v = Math.floor(f) + ( Math.round( (f - Math.floor(f)) ) ? 0.5 : 0.0 );
小开

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;
}
小开

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

小开 
    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 ;)

小开

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
小开

Just a stripped down version of all the above answers:

Math.round(valueToRound / 0.5) * 0.5;

Generic:

Math.round(valueToRound / step) * step;
小开

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;
}
小开

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

小开

The highest voted answer above fails for:

  • roundHalf(0.6) => returns 0.5
  • roundHalf(15.27) => returns 15.5

The fixed one is as follows:

   const roundHalf = (num) => {
return Math.floor(Math.ceil(num * 2) / 2)
}

提交答案