如果你正在开发一个前端应用程序，并需要进行数字格式化，那么 @mdhender/number-formatter 是一个不错的选择。该 npm 包提供了多种数字格式化的选项，大大简化了数字格式化的工作。
安装
你可以通过 npm 安装 @mdhender/number-formatter，如下所示：
npm install @mdhender/number-formatter
使用方法
安装完成之后，你可以在代码中引入 @mdhender/number-formatter：
const { format } = require('@mdhender/number-formatter');接下来，你可以使用 format 函数对数字进行格式化。比如：
const result = format(123456.789, '#,##0.###'); console.log(result); // 输出：123,456.789
其中第二个参数是格式化字符串，提供了很多格式化选项，下面我们具体讲解一下。
格式化字符串
format 函数的第二个参数就是格式化字符串。下面是一些基本的格式化选项：
| 选项 | 描述 |
|---|---|
| 0 | 显示数字，不存在时用 0 补齐 |
| # | 显示数字，不存在时不显示 |
| . | 小数分隔符 |
| , | 千分位分隔符 |
| % | 显示为百分数 |
| E | 显示为科学计数法 |
下面是一些示例：
-- -------------------- ---- ------- ----------------- ----------- -- ---------- ----------------- ----------- -- ---------- ----------------- ------------ -- ----------- ----------------- -------------- -- -------------
注意，我们可以使用连续的 # 或 0。每个 # 表示一个可选的数字，当该数字不存在时不显示。每个 0 则表示一个必须的数字，当该数字不存在时用 0 补齐。
下面是一些示例：
-- -------------------- ---- ------- ------------ ------ -- ------- ------------ --------- -- ------- --------------- --------- -- ---------- ---------- ------- -- ------
更多格式化选项
除了基本的格式化选项外，format 函数还支持一些更高级的选项。下面是一些示例：
| 选项 | 描述 |
|---|---|
| ￥ | 在数值前显示货币符号 ¥ |
| $ | 在数值前显示货币符号 $ |
| () | 在负数前后加括号 |
| + | 在正数前显示加号 |
| - | 在负数前显示减号 |
| .00 | 强制显示两位小数 |
| 00 | 强制用 0 补齐整数部分 |
| .12 | 强制显示至少两位小数 |
| .##### | 强制显示最多五位小数 |
下面是一些示例：
-- -------------------- ---- ------- ------------ ----------- -- --------- ------------- ------------ -- ---------- ------------- ------------- -- ---------- ------------- ------------ -- ----------- ------------ ----------- -- --------- --------------- ------- -- -------- --------------- ------- -- ---------- ------------------ ---------- -- -----------
总结
@mdhender/number-formatter 是一个非常实用的 npm 包，可以帮助我们处理数字的格式化。通过本文的介绍，您现在已经了解了该包提供的基本和高级格式化选项，可以在您的项目中灵活使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fdb81e8991b448dd77c