npm 包 numeral 使用教程

在前端开发中，数字格式化是非常常见的需求，例如需要格式化货币、百分比等展示形式。此时，我们可以使用 npm 包 numeral 来快速、简便地实现数字格式化。

什么是 numeral

numeral 是一个 JavaScript 库，用来格式化和操作数字。它具有以下特点：

• 极其轻量级，压缩后仅 4kb 左右
• 可以格式化数字、货币、百分比等
• 基于浏览器和 Node.js 使用
• 提供丰富的 API 进行操作

安装并开始使用

可以通过 npm 进行安装：npm install numeral

然后，我们只需要在项目中引入 numeral 包即可开始使用：

import numeral from 'numeral';

numeral(1000).format('$0,0.00'); // 输出 $1,000.00

核心 API

格式化

numeral(1000).format('$0,0.00'); // $1,000.00
numeral(1000).format('0,0'); // 1,000
numeral(1.005).format('0.000%'); // 100.500%

解析

numeral().unformat('$1,000.00'); // 1000
numeral().unformat('1,000'); // 1000
numeral().unformat('100.500%'); // 1.005

算术操作

numeral(1000).add(10); // 1010
numeral(1000).subtract(10); // 990
numeral(1000).multiply(2); // 2000
numeral(1000).divide(2); // 500

链式调用

numeral(1000)
  .add(10)
  .divide(2)
  .multiply(3)
  .format('0,0'); // 1,515

示例

小数点后保留 n 位

numeral(1234.567).format('0.00'); // 1,234.57

货币格式化

numeral(1234.567).format('$0,0.00'); // $1,234.57

星级评分展示

numeral(3.75).format('0.0[0]'); // 3.8
numeral(4.37).format('0.0[0]'); // 4.4

百分比格式化

numeral(0.75).format('0.00%'); // 75.00%

以上只是 numeral 的部分功能，还有很多 API 等待你去发掘。

总结

numeral 是一个简单易用、轻量级、功能丰富的 JavaScript 库，可以轻松实现数字格式化以及相关算数操作等功能。在实际开发中，如果有数字格式化的需求，在引入大型前端框架前可以尝试使用 numeral，以减轻前端框架的依赖和提高整体性能。

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