javaScript实现小数时去掉末尾多余的0

网站关于金额数字的展示是常见的需求,而对于金额的展示也因客户的需求而有所不同。那么在开发中我们都常会遇到关于金额的哪些表现方式呢?

    1、保留指定小数位数金额,如保留小数两位(1.00)

    2、金额保留整数,不需要小数。(22)

    3、金额保留小数,但不需要末尾的0

从上述三种常见的展示方式,前两种都很容易实现。

那么关于第三种去掉末尾的0我们可以如何实现呢?

去掉尾部0,公用方法如下

function delTailZeros(number) {
if (number === '') {
return 0
} else {
if (number.toString().includes('.')) {
// parseFloat会自动去掉0 Number()也可以
return parseFloat(number)
} else {
return number
}

}
}

// 示例用法
console.log(delTailZeros(2.200)); // 输出 "2.2"
console.log(removeTrailingZeros(2.00));// 输出 "2"

使用自定义的方法delTailZeros可以方便调整金额尾部0的输出。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!