如何让滑块驱动的JavaScript计算结果不显示小数？

针对你的需求，这里提供几种常用的JavaScript取整方法，你可以根据实际场景选择：

常用取整方法说明 #

• Math.round()：四舍五入到最近整数，适合需要近似值的场景。比如Math.round(5.6)返回6，Math.round(5.3)返回5。
• Math.floor()：向下取整，直接舍去小数部分，只保留不大于结果的最大整数。比如Math.floor(5.9)返回5。
• Math.ceil()：向上取整，只要有小数部分就进一位。比如Math.ceil(5.1)返回6。
• parseInt()：直接截断小数部分取整数，和Math.floor()在正数场景下效果一致，比如parseInt(5.9)返回5。

修改后的代码示例 #

以四舍五入为例，修改后的代码如下：

function do_on_range_change_pages() {
    $('.betrag').text(pages);

    $('.name1').text(Math.round(pages * 0.001));
    $('.name2').text(Math.round(pages * 0.03));
    $('.name3').text(Math.round(pages / 22));
}

如果需要其他取整方式，直接把Math.round()替换成对应的方法即可。比如要向下取整，就改成Math.floor(pages * 0.001)。

另外，如果你仅需要展示整数，也可以用toFixed(0)（同样是四舍五入逻辑），它返回字符串类型，直接用于显示也没问题：

$('.name1').text((pages * 0.001).toFixed(0));

内容的提问来源于stack exchange，提问作者dadagaga