JavaScript去除小数末尾多余0并限制两位小数的实现方法
作者:拾光时间:2026-10-26 12:53:23浏览:105
本文介绍在JavaScript中如何去除小数末尾多余的0,并限制最多保留两位小数。通过parseFloat解析数值,结合toFixed方法处理超过两位的情况,同时说明字符串转数字类型自动去零的特性,适用于Uniapp和Vue等前端项目。
JavaScript中去除小数末尾多余的0,并最多保留两位小数的处理方法
例如:
'' -> 0 0.00 -> 0 1 -> 1 1.10 -> 1 1.213000 -> 1.21 1.01 -> 1.01
具体实现代码如下:
思路分析
利用JavaScript的parseFloat函数,当输入为''时,parseFloat(' ')返回NaN,此时需处理为0。接着使用parseFloat将字符串或数字转换为浮点数,判断其是否为小数且小数点后位数是否超过两位。若超过两位,则使用toFixed方法保留两位小数;否则直接返回原值。
function unifyNumber(num) {
if (num === '') {
return 0
} else {
let handleNum = parseFloat(num)
let isToFixed = handleNum.toString().includes('.') && handleNum.toString().split('.')[1].length > 2
if (isToFixed) {
return handleNum.toFixed(2)
} else {
return handleNum
}
}
}注意:如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN
JavaScript去除小数点后面的0(适用于Uniapp和Vue项目)
在实际项目中,后端返回的数据格式可能包含多余的小数位。

由于移动空间比较小,00 也比较占用空间,干脆去掉,美观又好看
var a=11.00;console.log(a);;数字类型用的时候直接就去掉了无用的0
var a=‘11.00';console.log(Number(a));将字符串类型转换为数字类型时,JavaScript会自动去掉后面无用的0。


完成处理。
总结
以上为个人经验总结,希望能给大家一个参考,也希望大家多多支持本站。
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
相关标签:
