npm 包 currency-formatter 使用教程-JavaScript中文网-JavaScript教程资源分享门户

1. 介绍

npm 包 currency-formatter 是一个用于格式化货币的 JavaScript 库，支持多种货币和精度选项。使用该库可以方便地将数值格式化为货币形式，以方便地展示和编辑。

该库的使用非常简单，只需要安装后引入即可使用。本文将介绍 npm 包 currency-formatter 的使用方法和一些注意事项。

2. 安装

使用 npm 命令行工具安装：

npm install currency-formatter

3. 使用

在 JavaScript 文件中引入 currency-formatter：

const currencyFormatter = require('currency-formatter');

3.1 格式化

使用 currencyFormatter.format 方法可以将数值格式化为货币形式：

console.log(currencyFormatter.format(123456.789, { code: 'USD' })); // $123,456.79
console.log(currencyFormatter.format(123456.789, { code: 'EUR' })); // €123,456.79
console.log(currencyFormatter.format(123456.789, { code: 'CNY' })); // ¥123,456.79

其中，第一个参数为数值，第二个参数为选项，选项包括：

code：货币代码，默认为 USD。
symbol：货币符号，默认为货币代码对应的符号（例如 USD 对应 $）。
thousand：千位分隔符，默认为 ','。
precision：小数位数，默认为 2。

3.2 反格式化

使用 currencyFormatter.unformat 方法可以将货币形式的字符串反格式化为数值：

console.log(currencyFormatter.unformat('$123,456.79', { code: 'USD' })); // 123456.79
console.log(currencyFormatter.unformat('€123.456,79', { code: 'EUR' })); // 123456.79
console.log(currencyFormatter.unformat('¥123,456.79', { code: 'CNY' })); // 123456.79

3.3 定制

currency-formatter 还支持更多的选项，可以自定义货币符号和千位分隔符：

console.log(currencyFormatter.format(123456.789, { code: 'USD', symbol: 'US$', thousand: '.', precision: 4 })); // US$123.4567
console.log(currencyFormatter.format(123456.789, { code: 'USD', symbol: '', thousand: '' })); // 123456.79

3.4 全局配置

可以使用 currencyFormatter.globalize 方法来全局配置默认的货币格式化选项：

currencyFormatter.globalize({ code: 'CNY', symbol: '¥', thousand: ',', precision: 2 });
console.log(currencyFormatter.format(123456.789)); // ¥123,456.79

如果全局配置与局部配置冲突，局部配置优先。

4. 总结

npm 包 currency-formatter 是一个用于格式化货币的 JavaScript 库，使用方便、支持多种货币和精度选项。本文介绍了该库的安装和使用方法，以及如何在应用中进行全局配置。如果你需要在前端项目中格式化货币，使用 currency-formatter 库可以让你的开发工作更加高效和方便。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/93695

npm 包 currency-formatter 使用教程