首页 web前端 js教程 如何在不四舍五入的情况下将数字截断到小数点后两位?

如何在不四舍五入的情况下将数字截断到小数点后两位?

Dec 04, 2024 am 11:36 AM

How to Truncate a Number to Two Decimal Places Without Rounding?

将数字截断为小数点后两位而不进行四舍五入

在编程领域,使用数值通常需要精确控制其表示形式。一项常见任务是将数字截断到特定的小数位数,确保其显示时不进行任何舍入。

考虑这样的场景:您有一个值 15.7784514,并希望将其显示为 15.77,而不进行舍入。 toFixed() 方法虽然对于舍入数字很有用,但不适合此目的,因为它修改值而不是截断值。

解决方案:转换为字符串并提取相关部分

为了解决这个挑战,我们可以将数字转换为字符串,并提取所需的部分,直到小数点后第二位。以下是此方法的 JavaScript 代码片段:

function calc(theform) {
    var num = theform.original.value, rounded = theform.rounded
    var with2Decimals = num.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0]
    rounded.value = with2Decimals
}
登录后复制

使用该函数的 HTML:

<form onsubmit="return calc(this)">
Original number: <input name="original" type="text" onkeyup="calc(form)" onchange="calc(form)" />
<br />"Rounded" number: <input name="rounded" type="text" placeholder="readonly" readonly>
</form>
登录后复制

此方法获取原始数字,将其转换为字符串,并使用常规表达式匹配直到小数点后第二位的数字格式。匹配的部分被分配给一个新变量并显示在“四舍五入”输入字段中,确保截断的值在没有任何舍入的情况下呈现。

通过遵循此方法,您可以有效地将数字截断为小数点后两位无需舍入的位置,可以精确控制程序中数值的显示。

以上是如何在不四舍五入的情况下将数字截断到小数点后两位?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

在JavaScript中替换字符串字符 在JavaScript中替换字符串字符 Mar 11, 2025 am 12:07 AM

在JavaScript中替换字符串字符

jQuery获取元素填充/保证金 jQuery获取元素填充/保证金 Mar 01, 2025 am 08:53 AM

jQuery获取元素填充/保证金

jQuery检查日期是否有效 jQuery检查日期是否有效 Mar 01, 2025 am 08:51 AM

jQuery检查日期是否有效

10个jQuery手风琴选项卡 10个jQuery手风琴选项卡 Mar 01, 2025 am 01:34 AM

10个jQuery手风琴选项卡

10值得检查jQuery插件 10值得检查jQuery插件 Mar 01, 2025 am 01:29 AM

10值得检查jQuery插件

自定义Google搜索API设置教程 自定义Google搜索API设置教程 Mar 04, 2025 am 01:06 AM

自定义Google搜索API设置教程

HTTP与节点和HTTP-Console调试 HTTP与节点和HTTP-Console调试 Mar 01, 2025 am 01:37 AM

HTTP与节点和HTTP-Console调试

jQuery添加卷轴到Div jQuery添加卷轴到Div Mar 01, 2025 am 01:30 AM

jQuery添加卷轴到Div

See all articles