简介
numeral.js 是一个 JavaScript 的格式化和操作数字的库，它拥有很多语言的本地化支持。而 npm 包 numeraljs-usd-locale 则是为 numeral.js 提供了美元本地化支持。本文将介绍如何在前端项目中使用 numeraljs-usd-locale。
安装
在命令行中使用以下命令进行安装：
npm install numeraljs-usd-locale
使用
引入
在 JS 脚本中引入 numeral.js 和 numeraljs-usd-locale：
import numeral from 'numeral'; import 'numeraljs-usd-locale';
注册本地化
在使用之前需要先注册本地化：
-- -------------------- ---- -------
-------------------------- ------ -
----------- -
---------- ----
-------- ---
--
-------------- -
--------- ----
-------- ----
-------- ----
--------- ---
--
-------- -------- -------- -
--- - - ------ - ---
------ --- ------- - --- - --- --- -- - ---- -
-- --- -- - ---- -
-- --- -- - ---- -
-- --- -- - ---- - -----
--
--------- -
------- ----
--------- --------
-
---我们将使用美元美元本地化，因此 numeral.register 的第二个参数为 'usd'。
上面的配置表示，千位数使用逗号,分隔，小数点使用句点.表示，数字过大时，K 表示千，M 表示百万，B 表示十亿，T 表示万亿，序数词的 th, st, nd, rd 后缀会根据数字的不同后缀会有所不同，货币符号为 $，且放在前面。
格式化数字
使用 numeral 格式化数字很简单：
const money = 123456789.12;
console.log(numeral(money).format('$0,0.00'));输出：
$123,456,789.12
货币格式化
使用货币格式化，设置 format 参数如下：
console.log(numeral(money).format('$0,0.00'));百分比格式化
使用百分比格式化，设置 format 参数如下：
console.log(numeral(0.25).format('0.00%'));对于更多的格式化，可以参考 numeral 的文档。
应用
numeral.js 用法简单，但使用 numeraljs-usd-locale 得到正确的本地化进行货币格式化还是蛮有必要的。
参考实例代码：
-- -------------------- ---- -------
------ ------- ---- ----------
------ -----------------------
-------------------------- ------ -
----------- -
---------- ----
-------- ---
--
-------------- -
--------- ----
-------- ----
-------- ----
--------- ---
--
-------- -------- -------- -
--- - - ------ - ---
------ --- ------- - --- - --- --- -- - ---- -
-- --- -- - ---- -
-- --- -- - ---- -
-- --- -- - ---- - -----
--
--------- -
------- ----
--------- --------
-
---
----- ----- - -------------
----------------------------------------------
------------------------------------ -------
-------------------------------------------
-------------------------------------------
总结
numeral.js 是一个非常实用的前端数字格式化库，而 numeraljs-usd-locale 则给了我们在美元本地化环境下的货币格式化支持。上述示例代码作为 init 级别的使用指南，将让读者快速理解库的使用和数据格式化应用场景]initWithMeta: {'source_language': 'zh-cn', 'target_language': ['en', 'ja']}。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005756081e8991b448ea54e