Numeral.js实现千分位、补零、序数词缩写等
作者:互联网
Numeral.js是一个用于格式化和数字运算的js,可将数字格式化为货币、百分比、时间,甚至是序数词的缩写(比如1st,100th)。
如何引入
标签引入
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
NPM安装
npm install numeral -S
脚手架中导入
var numeral = require('numeral');
//或
import numeral from 'numeral'
创建实例
Numeral接受可以尝试转化为数字的参数,参数可以是数字或者字符串。
var myNumeral = numeral(1000);//参数为数字
var value = myNumeral.value();//结果为 1000
var myNumeral2 = numeral('1,000');//参数为千分位的字符串
var value2 = myNumeral2.value();//转化的结果为 1000
金额千分位
在某些场景,尤其是金额的显示(比如支付宝),常常使用的是千分位的表示方式。
numeral(1234).format('0,0');// 1,234 不带小数
numeral(1234).format('0,0.00');// 1,234.00 保留两位小数
高位补零
运动员选手的号码常常是固定的几位数,数字较小时,高位会补零,比如0001号。
numeral(1).format('0000');// 0001
序数词缩写
例如1st、2nd 、10th
numeral(1).format('0o');// 1st
numeral(2).format('0o');// 2nd
numeral(10).format('0o');// 10th
百分比
遵循四舍五入规则,小数转换为百分比,同时避免了浮点运算精度的问题。
numeral(0.144252).format('0.00%');// 14.43% 小数点四舍五入
如果直接将0.144252乘以100,会得到14.425199999999998
时间
将秒数以时分秒的方式显示
numeral(238).format('00:00:00');// 0:03:58
科学计数法
将多位数字以科学计数法方式表示
numeral(1123456789).format('0.0e+0');// 1.1e+9
numeral(0.000134255).format('0.0e+0');// 1.3e-4
标签:数字,format,千分,js,numeral,var,序数词,补零 来源: https://www.cnblogs.com/sexintercourse/p/15494098.html