js浮點數保留位數方法封裝

大家在平時業務中應該經常跟小數打交道吧,有沒有被小數點的保留位數問題搞得頭疼啊。比如，保留一位小數，保留倆位小數，保留三位小數，向上取整、四舍五入等等。

而我最近在項目中正好遇到類似的問題：有的地方要求保留一位小數，有的地方要求保留倆位，有的地方要求四舍五入，有的地方要求向下取整。。。這些情形，總不能一個個來處理吧？於是乎，干脆封裝一個方法，解決上述令人頭疼的問題！話不多說，上代碼：

/**
 * 
 * @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;
}

結果：

 

 好了，如果該方法適合你，如果你經常需要處理這些小數的位數問題，將該方法用到你的項目中吧~

 更多項目中常見的方法封裝，傳送門：https://github.com/wangruibin666/wang-utils 

腳踏實地行，海闊天空飛~