JavaScript 保留小数点后两位的四种常用方法

作者:闭包旅人

时间:2026-10-28

浏览:93

本文介绍了在JavaScript中获取float型小数点后两位的四种方法。包括不推荐的字符串截取、使用正则表达式替换、通过Math.round进行数学计算,以及最简便的Number.toFixed()方法。重点推荐toFixed(),因其代码简洁且自动处理四舍五入,适合日常开发使用。

文章目录

JavaScript保留小数点后两位的四种常用方法

在JavaScript开发中,经常需要处理浮点数并保留小数点后两位,例如将22.127456转换为22.13。实现这一需求有多种不同的技术手段,下面将逐一介绍。

字符串截取法(不推荐)

第一种方法并不被推荐。其思路是将数字转换为字符串,通过substring截取小数点后三位,然后直接显示结果。这种方式仅做字符串截取,未进行真正的数值舍入,且逻辑较为繁琐。


function get(){ 
var s = 22.127456 + ""; 
var str = s.substring(0,s.indexOf(".") + 3); 
alert(str); 
}

正则表达式替换法

第二种方法利用正则表达式进行匹配和替换。通过定义正则规则匹配整数部分、小数点及前两位小数,将后续多余数字替换为空。这种方法适用于字符串格式的数字处理,但写法相对复杂。


function get(){ 
var a = "23.456322"; 
var aNew; 
var re = /([0-9]+\.[0-9]{2})[0-9]*/; 
aNew = a.replace(re,"$1"); 
alert(aNew); 
}

数学运算舍入法

第三种方法属于数学运算的高级应用。核心思路是将原数字乘以100,使用Math.round进行四舍五入取整,再除以100还原精度。这种方式基于数学逻辑,能准确实现四舍五入,但代码量较多。


function get(){ 
var num=22.127456; 
alert( Math.round(num*100)/100); 
}

toFixed()方法(推荐)

第四种方法最为简单且便捷。利用Number对象的toFixed()方法,传入参数2指定保留两位小数。该方法会自动执行四舍五入操作,代码简洁易读,是实际开发中最推荐的解决方案。


function get(){ 
var num = new Number(13.37); 
num = num.toFixed(2);//2为要获取小数后的位数 会自动四舍五入 
alert(num); 
}

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章