前端处理金额精度问题和千分位格式化

• 前端在处理金额时，通常需要将金额保留两位小数，或者需要在前面添加金额符号，在相对专业的特定系统中或者看板中，需要将金额以3位一分割，从而便于阅读。
• 介绍一个专门用于金额处理和格式化的npm库: currency.js https://currency.js.org/

初始化

npm install --save currency.js

或

yarn add currency.js

用法

1. 金额保留小数处理

// 数字
currency(2); // => "2.00"
currency(250); // => "250.00"

// 小数
currency(2.00); // => "2.00"
currency(2.24); // => "2.24"

// 字符串
currency("1.23"); // => "1.23"
currency("$12.30"); // => "12.30"
currency("£1,234,567.89"); // => "1,234,567.89"

//设置保留位数()精度
currency(1.234, { precision: 2 }); // => "1.23"
currency(1.234, { precision: 3 }); // => "1.234"

2. 格式化金额()

currency(1.23).format(); // => "$1.23"
currency(1234.56, { separator: ',' }).format(); // => "1,234.56"
currency(1234.56, { separator: ' ' }).format(); // => "1 234.56"

3. 金额运算(加减乘除)

currency(2.51).add(.01);      // => 2.52
currency(2.52).subtract(.01); // 2.51
currency(45.25).multiply(3);      // 135.75
currency(123.45).divide(2); // => "61.73"