在前端开发中，经常会遇到展示大数字的业务需求。例如，需要将一个大于1000的数字展示成“1K+”或者“1万+”，这时候我们就需要使用到一个叫做 shorten-large-number 的 npm 包。
1. 安装和引用
使用 npm 进行安装：
--- ------- -------------------- ------
在代码中引用：
------ - ------------------ - ---- -----------------------
或者直接引入脚本：
------- -------------------------------------------------------------------------
2. 使用示例
下面是一个对应关系表：
| 数字范围 | 短数字展示 |
|---|---|
| 0 ~ 999 | 直接展示 |
| 1000 ~ 999999 | 以K为单位 |
| 1000000 ~ 999999999 | 以万为单位 |
| 1000000000 ~ | 以亿为单位 |
2.1 直接展示
------------------------ -- --- ------------------------ -- --- ----------------------- -- --
2.2 以 K 为单位
------------------------- -- ---- ------------------------- -- -- -------------------------- -- ---
2.3 以万为单位
----------------------------- -- ---- ----------------------------- -- ---- -------------------------------- -- ------
2.4 以亿为单位
--------------------------------- -- --- ---------------------------------- -- ---- ------------------------------------- -----
3. 参数
shortenLargeNumber 函数有两个可选参数：
- precision：取整精度，默认为 1
- suffix：单位后缀，默认为空字符串
例如：
----------------------------- -- ----- -- ------
4. 指导意义
shorten-large-number 这个 npm 包并不是特别难用，但在实际项目中对于数字展示要求高的业务场景是非常有用的。同时它的源代码比较容易理解，也可以用作我们学习其他 npm 包源码的练手工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600557d481e8991b448d4dfb