js中将数字变成金额格式的工具类

心已赠人 2023-01-08 02:16 141阅读 0赞

**方法1（别人的方法，没有经过严密测试，拿来即用）：**

// number代表需要格式化的数字，n代表保留的小位数
    function numToMoney(number, n) { 
        if (n !== 0) { 
            n = (n > 0 && n <= 20) ? n : 2;
        }
        number = parseFloat((number + "").replace(/[^\d.-]/g, "")).toFixed(n) + "";
        var sub_val = number.split(".")[0].split("").reverse();
        var sub_xs = number.split(".")[1];
    
        var show_html = "";
        for (i = 0; i < sub_val.length; i++) { 
            show_html += sub_val[i] + ((i + 1) % 3 === 0 && (i + 1) !== sub_val.length ? "," : "");
        }
    
        if (n === 0) { 
            return show_html.split("").reverse().join("");
        } else { 
            return show_html.split("").reverse().join("") + "." + sub_xs;
        }
    }

**方法2（有一点小瑕疵，但是应付一般是2位小数的金额不会有问题）：**

// number代表需要格式化的数字，n代表保留的小位数
    // 注意：这种写法，小数点最多到三位，多于3位的会被补0，但是应付一般小数点2位的金额足够了
    function numToMoney(number, n) { 
        var money = parseFloat(number.toFixed(n)).toLocaleString();
        var length = money.length;
        var index = money.indexOf(".");
        var zero = "";
        if (n > 0) { 
            // if处理需要0但是没有.的情况
            if (index < 0) { 
                // 处理没有.的整数情况，直接补0就可以
                for (var i = 0; i < n; i++) { 
                    zero += 0;
                }
                money = money + "." + zero;
            }
            // else if处理有.但是点不够的情况
            else if (index > 0 && (length - index - 1) < n) { 
                zero = "";
                for (var j = 0; j < (n - (length - index - 1)); j++) { 
                    zero += 0;
                }
                money = money + zero;
            }
        }
        return money;
    }

**提示：**

如果你想在Thymeleaf模板页面展示金额，你可以看一下这篇文章：[thymeleaf页面中如何按照特定格式展示日期或者货币，以及进行脱敏操作][thymeleaf]

如果你想在jsp页面展示金额，你可以看一下这篇文章：[jsp页面中如何按照特定格式展示日期或者货币，以及进行脱敏操作][jsp]

[thymeleaf]: https://blog.csdn.net/qq_42449963/article/details/105400429
[jsp]: https://blog.csdn.net/qq_42449963/article/details/105400129