首页 > 技术文章 > js浮点数保留位数方法封装

coder--wang 2021-07-20 23:40 原文

大家在平时业务中应该经常跟小数打交道吧,有没有被小数点的保留位数问题搞得头疼啊。比如,保留一位小数,保留俩位小数,保留三位小数,向上取整、四舍五入等等。

而我最近在项目中正好遇到类似的问题:有的地方要求保留一位小数,有的地方要求保留俩位,有的地方要求四舍五入,有的地方要求向下取整。。。这些情形,总不能一个个来处理吧?于是乎,干脆封装一个方法,解决上述令人头疼的问题!话不多说,上代码:

 1 /**
 2  * 
 3  * @param {number|string} num 需要处理的数字
 4  * @param {number} n 保留位数,默认1
 5  * @param {string} flag = 'ceil' || 'floor' 向上或向下保留,默认四舍五入
 6  * @returns {string}
 7  */
 8 function formatFloat(num, n = 1, flag) {
 9     var f = parseFloat(num);
10     if (isNaN(f)) {
11         return false;
12     }
13     if (flag === 'ceil') {
14         f = Math.ceil(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
15     } else if (flag === 'floor') {
16         f = Math.floor(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
17     } else {
18         f = Math.round(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
19     }
20     var s = f.toString();
21     var rs = s.indexOf('.');
22     //判定如果是整数,增加小数点再补0
23     if (rs < 0) {
24         rs = s.length;
25         s += '.';
26     }
27     while (s.length <= rs + n) {
28         s += '0';
29     }
30     return s;
31 }

结果:

 

 好了,如果该方法适合你,如果你经常需要处理这些小数的位数问题,将该方法用到你的项目中吧~

 更多项目中常见的方法封装,传送门https://github.com/wangruibin666/wang-utils 

脚踏实地行,海阔天空飞~

 

推荐阅读