js如何保留两位小数

来源：互联网 2023-03-16 23:56:47 版权归原作者所有，如有侵权，请联系我们

写js代码的时候，会遇到小数类型数字，但是过长的小数位不利于页面显示，平常的计算过程也不会要求很高的精度，一般需要保留2位小数即可。下面就来介绍下js保留两位小数的几种方法

工具/原料

javascript
浏览器调试工具

方法/步骤

方法一：使用toFixed保留两位小数

var num1 = 55.3715;

console.log(num1.toFixed(2));

打开浏览器调试工具，可以看到如下打印结果，55.37保留了两位小数，之后的两位舍弃

js如何保留两位小数

toFixed自带四舍五入的功能

var num2 = 55.3755;

console.log(num2.toFixed(2));

var num3 = 55.3745;

console.log(num3.toFixed(2));

看下面打印结果，小数第三位为5时，或大于5时进一位，小于5后面几位直接舍弃

js如何保留两位小数

toFixed自带补位功能

var num4 = 55.3;

console.log(num4.toFixed(2));

var num5 = 55;

console.log(num5.toFixed(2));

从打印结果可以看出，55.3补一位0，55补了两位00

js如何保留两位小数

方法二：substr直接按字符串截取

var num1 = 55.3785 "";

console.log("substr方式保留两位小数：");

console.log(num1.substr(0,num1.indexOf(".") 3));

这种方式没有四舍五入的功能，直接按位截取的，也没有补位功能

js如何保留两位小数

方法三：浮点数四舍五入

var num1 = parseFloat(55.7856);

if (!isNaN(num1)) {

num1 = Math.round(num1*100)/100;

console.log("将浮点数四舍五入，取小数点后2位：");

console.log(num1);

}

js如何保留两位小数

上面的方法有四舍五入的功能，但没有补位的功能，可以通过以下方式实现

var num1 = parseFloat(55);

if (!isNaN(num1)) {

num1 = Math.round(num1*100)/100;

var str = num1.toString();

var rs = str.indexOf('.');

if (rs 0) {

rs = str.length;

str = '.';

}

while (str.length = rs 2) {

str = '0';

}

console.log("将浮点数四舍五入，取小数点后2位，位数不够进行补位：");

console.log(str);

}

js如何保留两位小数

以上就是js保留小数的几种方法，可以根据自己的需要选择

7该信息非法爬取自百度经验

注意事项

比较几种方法，toFixed是比较常用比较好的方法，但是IE5.5以上的版本才支持，现在IE低版本一般不考虑兼容了

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JAVASCRIPT

上一篇：js怎么给元素添加鼠标滚动事件下一篇：JavaScript如何调试

js如何保留两位小数

工具/原料

方法/步骤

注意事项

热门文章

标签列表