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项目)

在实际项目中,后端返回的数据格式可能包含多余的小数位。

JavaScript中去除小数末尾多余的0,并最多保留两位小数的处理方法

由于移动空间比较小,00 也比较占用空间,干脆去掉,美观又好看

var a=11.00;console.log(a);;数字类型用的时候直接就去掉了无用的0
var a=‘11.00';console.log(Number(a));

将字符串类型转换为数字类型时,JavaScript会自动去掉后面无用的0。

JavaScript中去除小数末尾多余的0,并最多保留两位小数的处理方法

JavaScript中去除小数末尾多余的0,并最多保留两位小数的处理方法

完成处理。

总结

以上为个人经验总结,希望能给大家一个参考,也希望大家多多支持本站。

作者最新文章

相关标签: