简介
在前端开发中，我们经常需要进行数字格式化的处理。而 npm 包 lang-js-number 是专门用于数字格式化的工具包。该工具包提供了多种数字格式化的方法，可以帮助开发者方便地处理数字数据。
安装
在使用 lang-js-number 前，我们需要先进行安装。在终端中输入以下命令可进行全局安装：
npm install -g lang-js-number
或者在项目中安装：
npm install lang-js-number
使用方法
格式化整数
lang-js-number 提供了三个方法来格式化整数：
toFixed(num, decimal)
toFixed() 方法将数字四舍五入到指定小数位数的数字，返回一个字符串。
参数说明：
- num: 需要进行格式化的数字；
- decimal: 保留的小数位数。
例如：
const number = 12345.6789; console.log(number.toFixed(2)); // 12345.68
toLocaleString(num, locales)
toLocaleString() 方法将数字格式化为本地化的字符串，这里的本地化指的是根据不同的语言环境进行数字格式化。
参数说明：
- num: 需要进行格式化的数字；
- locales: 指定语言环境。
例如：
const number = 12345.6789;
console.log(number.toLocaleString('en-US')); // 12,345.679
console.log(number.toLocaleString('zh-CN')); // 12,345.679
format(number, options)
format() 方法是基于 numbro.js 开发的，它可以根据参数定义数字的格式。
参数说明：
- number: 需要进行格式化的数字；
- options: 格式化选项对象。
例如：
const options = {
thousandSeparated: true,
// 将数字按每三位分割
mantissa: 2,
// 保留小数点后两位
}
console.log(format(number, options)); // 12,345.68
格式化百分数
lang-js-number 同样提供了三个方法来格式化百分数：
toPercentage(number, decimal)
toPercentage() 方法将数字转换为百分数形式，并保留指定小数位数的数字，返回一个字符串。
参数说明：
- number: 需要进行格式化的数字；
- decimal: 保留的小数位数。
例如：
const number = 0.12345; console.log(toPercentage(number, 2)); // 12.35%
formatPercentage(number, options)
formatPercentage() 方法可以根据参数定义百分数的格式。
参数说明：
- number: 需要进行格式化的数字；
- options: 格式化选项对象。
例如：
const options = {
thousandSeparated: true,
// 将数字按每三位分割
mantissa: 2,
// 保留小数点后两位
}
console.log(formatPercentage(number, options)); // 12.35%
toLocalePercentage(number, locales)
toLocalePercentage() 方法将数字格式化为本地化的百分数字符串。
参数说明：
- num: 需要进行格式化的数字；
- locales: 指定语言环境。
例如：
const number = 0.12345; console.log(toLocalePercentage(number, 'en-US')); // 12.345% console.log(toLocalePercentage(number, 'zh-CN')); // 12.345%
总结
lang-js-number 可以帮助我们方便地处理数字数据。上述介绍的方法中，format 和 formatPercentage 是基于 numbro.js 开发的，用法和功能更加丰富。在实际的开发中，我们可以根据实际需要来选择使用。
示例代码
-- -------------------- ---- ------- ----- -------- ----------------- ------------- --------------- ------------------- - ------------------------- ----- ------ - ---------- ----- ------- - - ----- ------- - ------- ------------------------------------ -- -------- ------------------------------------------- -- ---------- -------------------------- - ------------------ ----- --------- -- -- -------- --- -- --------- --------------------------------- --------- -- ------ ------------------------------------- - ------------------ ----- --------- -- -- -------- --- -- ------ --------------------------------------- --------- -- -------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedad57b5cbfe1ea0610c47