npm 包 shorten-large-number 使用教程

在前端开发中，经常会遇到展示大数字的业务需求。例如，需要将一个大于1000的数字展示成“1K+”或者“1万+”，这时候我们就需要使用到一个叫做 shorten-large-number 的 npm 包。

1. 安装和引用

使用 npm 进行安装：

npm install shorten-large-number --save

在代码中引用：

import { shortenLargeNumber } from "shorten-large-number";

或者直接引入脚本：

<script src="./node_modules/shorten-large-number/shortenLargeNumber.js"></script>

2. 使用示例

下面是一个对应关系表：

2.1 直接展示

shortenLargeNumber(800);  // 800
shortenLargeNumber(100);  // 100
shortenLargeNumber(23);   // 23

2.2 以 K 为单位

shortenLargeNumber(1600);  // 1.6K
shortenLargeNumber(8000);  // 8K
shortenLargeNumber(15000); // 15K

2.3 以万为单位

shortenLargeNumber(15000000);      // 1.5万
shortenLargeNumber(75160000);      // 7.5万
shortenLargeNumber(30500000000);   // 30500万

2.4 以亿为单位

shortenLargeNumber(250000000000);  // 25亿
shortenLargeNumber(9000000000000); // 900亿
shortenLargeNumber(10000000000000);// 1000亿

3. 参数

shortenLargeNumber 函数有两个可选参数：

• precision：取整精度，默认为 1
• suffix：单位后缀，默认为空字符串

例如：

shortenLargeNumber(123456789, 2, "人"); // 1.23亿人

4. 指导意义

shorten-large-number 这个 npm 包并不是特别难用，但在实际项目中对于数字展示要求高的业务场景是非常有用的。同时它的源代码比较容易理解，也可以用作我们学习其他 npm 包源码的练手工具。

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