JavaScript实现保留小数点的4种方法详解

作者:工具松鼠

时间:2026-10-28

浏览:662

本文详细解析了JavaScript中实现保留小数点的四种不同逻辑。通过Math.round结合乘除运算,分别实现了将小数点清零、保留一位小数、保留两位小数以及一位小数自动补零的功能。文中提供了完整的函数代码,并对比了各方法在处理整数及不同精度时的具体表现,为前端数值格式化提供多种实用方案。

文章目录
1、将小数点清零:

JavaScript实现保留小数点的4种方法详解

以下是第一种实现方式,用于将数值的小数部分完全去除,仅保留整数部分。

function returnFloat0(value) {
value = Math.round(parseFloat(value));
return value;
}

2、保留一位小数点:

第二种实现方式,旨在保留一位小数,并对第二位小数进行四舍五入处理。

function returnFloat1(value) {
value = Math.round(parseFloat(value) * 10) / 10;
if (value.toString().indexOf(".") < 0) {
value = value.toString() + ".0";
    }
return value;
}

3、保留两位小数点

第三种实现方式,用于保留两位小数,并对第三位小数进行四舍五入。

function returnFloat2(value){
value = Math.round(parseFloat(value) * 100) / 100;
if (value.toString().indexOf(".") < 0) {
value = value.toString() + ".00";
    }
return value;
}

4、保留两位小数点,一位小数自动补零

第四种实现方式,在保留两位小数的基础上,若只有一位小数则自动在末尾补零。

function returnFloat3(value) {
value = Math.round(parseFloat(value) * 100) / 100;
var xsd = value.toString().split(".");
//Ext.log(xsd.length);
if(xsd.length==1){
value = value.toString()+".00";
return value;
    }
if(xsd.length>1){
if(xsd[1].length<2){
value = value.toString()+"0";
        }
return value;
    }
}

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章