如何在Javascript中将数字四舍五入到十分位的精度?

179

我想使用Javascript来对一个数字进行四舍五入。由于这个数字是货币,我希望它像以下示例一样进行四舍五入(保留2位小数):

  • 192.168 => 192.20
  • 192.11 => 192.20
  • 192.21 => 192.30
  • 192.26 => 192.30
  • 192.20 => 192.20

如何使用Javascript实现这一点?内置的Javascript函数将根据标准逻辑(小于或大于5进行四舍五入)来四舍五入数字。

10个回答

332
/**
 * @param num The number to round
 * @param precision The number of decimal places to preserve
 */
function roundUp(num, precision) {
  precision = Math.pow(10, precision)
  return Math.ceil(num * precision) / precision
}

roundUp(192.168, 1) //=> 192.2

2
@AndrewMarshall 乘以10,然后再除以10的目的是什么? - codecowboy
7
如果不这样做,ceil() 函数将给出 193 的结果,因此我们必须确保想要保留的所有精度位数都在小数点前。然后我们进行倒数操作以恢复“原始”的值。 - Andrew Marshall
2
如果你得到了像 192.19999999999997 这样的数字,你可以对 num 应用 .toFixed(1) - flamer.ohr
8
对于那些想知道如何四舍五入到最接近的整数的人,你只需要使用Math.ceil()函数。其余的就是处理小数部分。为了节省其他人寻找这个方法所需的时间,我分享这个信息! - user2493235
此解决方案存在缺陷: Math.ceil(0.0159 * 1000000000)/ precision。 您将获得分数0.015900001。需要为精度添加范围验证。 - Frank
1
小心,此函数并不完全准确! roundUp(1.09, 2) 返回的是错误的结果1.1!预期答案应该是1.09。 - Samer

28

带小修正的常规四舍五入即可:

Math.round(price * 10)/10

如果你想要保持货币格式,可以使用 Number.toFixed() 方法。

(Math.round(price * 10)/10).toFixed(2)

虽然这将使它成为字符串 =)


Math.round(192.11 * 100)/100 -> 192.11 - krtek
1
第二个不需要四舍五入,更像是 price.toFixed(2) - Michael Krelin - hacker
@Krtek 哎呀,谢谢你发现了这个问题。我误读了问题。已更新答案。 - Shad
3
问题是如何将一个数字四舍五入,所以应该使用Math.ceil而不是Math.round。 - kloddant

27

略晚了些,但可以创建一个可重用的JavaScript函数来实现此目的:

// Arguments: number to round, number of decimal places
function roundNumber(rnum, rlength) { 
    var newnumber = Math.round(rnum * Math.pow(10, rlength)) / Math.pow(10, rlength);
    return newnumber;
}

调用该函数的方式如下:

alert(roundNumber(192.168,2));

2
这个很好用,但是OP问如何将数字向上取整,因此应该使用Math.ceil而不是Math.round。 - kloddant
如果您想要正确地四舍五入,无论您瞄准哪个小数位,这个答案比被接受的答案更好。例如: 1.054 --> 1.05 1.055 --> 1.06然而,这里有一个边缘情况: 1.005 --> 1 1.006 --> 1.01 以及 1.015 --> 1.01 1.016 --> 1.02所以请小心。 - Jay K

12

非常接近TheEye的答案,但我改了一点东西使它能够正常运行:

var num = 192.16;
    
console.log(    Math.ceil(num * 10) / 10    );


2

这位用户希望实现两个功能:
A. 向上取整到十分位,
B. 在百分位显示零(通常在货币方面需要)。

要满足这两个要求似乎需要针对每个要求使用不同的方法。以下是基于suryakiran建议答案的一种方法:

//Arguments: number to round, number of decimal places.

function roundPrice(rnum, rlength) {
    var newnumber = Math.ceil(rnum * Math.pow(10, rlength-1)) / Math.pow(10, rlength-1);
    var toTenths = newnumber.toFixed(rlength);
    return toTenths;
}

alert(roundPrice(678.91011,2)); // returns 679.00
alert(roundPrice(876.54321,2)); // returns 876.60

重要提示: 该解决方案在处理负数和指数时会产生非常不同的结果。

为了比较这个答案和两个非常相似的答案,可以看以下两种方法。第一种方法通常只取最近的百分之一,而第二种方法只向上舍入到最近的百分之一(较大)。

function roundNumber(rnum, rlength) { 
    var newnumber = Math.round(rnum * Math.pow(10, rlength)) / Math.pow(10, rlength);
    return newnumber;
}

alert(roundNumber(678.91011,2)); // returns 678.91

function ceilNumber(rnum, rlength) { 
    var newnumber = Math.ceil(rnum * Math.pow(10, rlength)) / Math.pow(10, rlength);
    return newnumber;
}

alert(ceilNumber(678.91011,2)); // returns 678.92

2

好的,这个问题已经得到回答,但我想你可能会喜欢看到我的答案,它只调用了一次math.pow()函数。我猜我喜欢保持代码的DRY。

function roundIt(num, precision) {
    var rounder = Math.pow(10, precision);
    return (Math.round(num * rounder) / rounder).toFixed(precision)
};

这有点将所有内容综合在一起。用Math.ceil()替换Math.round(),以向上舍入而不是四舍五入,这正是OP想要的。


1
这个函数可以限制小数位数而不进行四舍五入。
function limitDecimal(num,decimal){
     return num.toString().substring(0, num.toString().indexOf('.')) + (num.toString().substr(num.toString().indexOf('.'), decimal+1));
}

作为更短的替代方案:return ( '' + num ).split('.').shift() - Yogi
感谢Roberto,这段代码有效,但是请删除所有小数。 - Behnam

0

以下是在JavaScript中将您的值四舍五入的最简单方法

let num = 5.56789;
let n = num.toFixed(2);
console.log(n); //output 5.57


问题要求精确到小数点后一位,即5.56 -> 5.6。但是,toFixed不会四舍五入。 - General Grievance

0

我已经使用@AndrewMarshall的答案很长时间了,但发现了一些边缘情况。以下测试未通过:

equals(roundUp(9.69545, 4), 9.6955);
equals(roundUp(37.760000000000005, 4), 37.76);
equals(roundUp(5.83333333, 4), 5.8333);

这是我现在使用的使得四舍五入行为正确的方法:

// Closure
(function() {
  /**
   * Decimal adjustment of a number.
   *
   * @param {String}  type  The type of adjustment.
   * @param {Number}  value The number.
   * @param {Integer} exp   The exponent (the 10 logarithm of the adjustment base).
   * @returns {Number} The adjusted value.
   */
  function decimalAdjust(type, value, exp) {
    // If the exp is undefined or zero...
    if (typeof exp === 'undefined' || +exp === 0) {
      return Math[type](value);
    }
    value = +value;
    exp = +exp;
    // If the value is not a number or the exp is not an integer...
    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
      return NaN;
    }
    // If the value is negative...
    if (value < 0) {
      return -decimalAdjust(type, -value, exp);
    }
    // Shift
    value = value.toString().split('e');
    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
    // Shift back
    value = value.toString().split('e');
    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
  }

  // Decimal round
  if (!Math.round10) {
    Math.round10 = function(value, exp) {
      return decimalAdjust('round', value, exp);
    };
  }
  // Decimal floor
  if (!Math.floor10) {
    Math.floor10 = function(value, exp) {
      return decimalAdjust('floor', value, exp);
    };
  }
  // Decimal ceil
  if (!Math.ceil10) {
    Math.ceil10 = function(value, exp) {
      return decimalAdjust('ceil', value, exp);
    };
  }
})();

// Round
Math.round10(55.55, -1);   // 55.6
Math.round10(55.549, -1);  // 55.5
Math.round10(55, 1);       // 60
Math.round10(54.9, 1);     // 50
Math.round10(-55.55, -1);  // -55.5
Math.round10(-55.551, -1); // -55.6
Math.round10(-55, 1);      // -50
Math.round10(-55.1, 1);    // -60
Math.round10(1.005, -2);   // 1.01 -- compare this with Math.round(1.005*100)/100 above
Math.round10(-1.005, -2);  // -1.01
// Floor
Math.floor10(55.59, -1);   // 55.5
Math.floor10(59, 1);       // 50
Math.floor10(-55.51, -1);  // -55.6
Math.floor10(-51, 1);      // -60
// Ceil
Math.ceil10(55.51, -1);    // 55.6
Math.ceil10(51, 1);        // 60
Math.ceil10(-55.59, -1);   // -55.5
Math.ceil10(-59, 1);       // -50

来源:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math/round


1
你的测试用例似乎不正确。roundUp(37.760000000000005, 4) 应该是 37.7601,而 roundUp(5.83333333, 4) 应该是 5.8334。这两个(以及你的第一个)对于我提供的函数都是正确的。 - Andrew Marshall
@AndrewMarshall 有道理,你对第二和第三种情况的期望值是错误的。 - Amn

-4

parseInt总是向下取整,所以......

console.log(parseInt(5.8)+1);

执行 parseInt()+1


除非您提供一个整数,否则它将不会进行四舍五入。在这种情况下,5将四舍五入为6。此外,问题要求将结果保留1位小数并进行向上取整。 - General Grievance

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接