javascript格式化数字成K,M等格式

最新推荐文章于 2025-07-01 13:57:07 发布

原创最新推荐文章于 2025-07-01 13:57:07 发布 · 7.4k 阅读

6 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行数字格式化的实用方法，包括将数字转换为带有K、M等单位的简洁显示格式，以及如何以千位分隔符的形式展示数字，提升数据的可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数字格式化成K,M等格式

 function nFormatter(num, digits) {
                const si = [
                    { value: 1, symbol: "" },
                    { value: 1E3, symbol: "K" },
                    { value: 1E6, symbol: "M" },
                    { value: 1E9, symbol: "G" },
                    { value: 1E12, symbol: "T" },
                    { value: 1E15, symbol: "P" },
                    { value: 1E18, symbol: "E" }
                ];
                const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
                let i;
                for (i = si.length - 1; i > 0; i--) {
                    if (num >= si[i].value) {
                        break;
                    }
                }
                return (num / si[i].value).toFixed(digits).replace(rx, "$1") + si[i].symbol;
            }

原本格式

    <div class="stat-display__value">22200</div>
    <div class="stat-display__value">3388990000000</div>

经过js:

 $('.stat-display__value').each(function () {
                num = nFormatter($(this).text(), 2);
                $(this).html(num);
            });

呈现格式：

22.K
3.39T

另外，将数字以，每三位隔开：

function toThousandslsFilter(num) {
   return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','));
   }