js浮点数保留位数方法封装

最新推荐文章于 2024-04-02 10:51:22 发布

原创最新推荐文章于 2024-04-02 10:51:22 发布 · 546 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

业务相关同时被 2 个专栏收录

17 篇文章

订阅专栏

常用方法封装

8 篇文章

订阅专栏

在项目开发中经常会遇到数字保留小数位数的需求，如保留一位、两位小数，或者四舍五入、向下取整等。本文分享了一段JavaScript代码，用于封装一个灵活的数字格式化方法，可以根据参数自由调整保留位数和取整方式，大大简化了处理这类问题的步骤。代码简洁高效，适用于各种需要处理小数场景。

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

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

/**
 *
 * @param {number|string} num 需要处理的数字
 * @param {number} n 保留位数,默认1
 * @param {string} flag = 'ceil' || 'floor' 向上或向下保留，默认四舍五入
 * @returns {string}
 */
function formatFloat(num, n = 1, flag) {
    var f = parseFloat(num);
    if (isNaN(f)) {
        return false;
    }
    if (flag === 'ceil') {
        f = Math.ceil(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
    } else if (flag === 'floor') {
        f = Math.floor(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
    } else {
        f = Math.round(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
    }
    var s = f.toString();
    var rs = s.indexOf('.');
    //判定如果是整数，增加小数点再补0
    if (rs < 0) {
        rs = s.length;
        s += '.';
    }
    while (s.length <= rs + n) {
        s += '0';
    }
    return s;
}

结果：