JS数字金额格式化（千位符）

最新推荐文章于 2024-10-02 09:53:31 发布

原创最新推荐文章于 2024-10-02 09:53:31 发布 · 492 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #reactjs #node.js

前端同时被 3 个专栏收录

3 篇文章

订阅专栏

3 篇文章

订阅专栏

Javascript

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的数字格式化方法，包括如何利用正则表达式添加千位分隔符，以及如何处理输入的无效值。适用于货币、人民币及金额的格式化需求。

JS 数字格式化，千位符分割。javascript 货币格式化/人民币格式化/金额格式化。

        /**
          * 数字格式化
          *
          * @param {Number | String} num 数字
          * @param {String} [separator] 分隔符号，可选参数，默认 英文逗号（,）。
          */
        function numberFormat(num, separator) {
            num = handleInvalidValue(num).toString();

            if(!num) {
                return "";
            }

            separator = separator || ",";
            
            return num.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
        }

        /**
          * 处理无效的值
          *
          * @param {*} val 要处理的数值
          *
          * @return {*}
          */
        function handleInvalidValue(val) {
            if(val === null || val === undefined || val === "null" || "undefined") {
                return ""
            }
            return val;
        }

======下面方便复制=======

/**
  * 数字格式化
  *
  * @param {Number | String} num 数字
  * @param {String} [separator] 分隔符号，可选参数，默认 英文逗号（,）。
  */
function numberFormat(num, separator) {
    num = handleInvalidValue(num).toString();

    if (!num) {
        return "";
    }

    separator = separator || ",";

    return num.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
}

/**
  * 处理无效的值
  *
  * @param {*} val 要处理的数值
 *
 * @return {*}
  */
function handleInvalidValue(val) {
    if (val === null || val === undefined || val === "null" || "undefined") {
        return ""
    }
    return val;
}

好伦哥~