Finereport中JavaScript处理超大金额格式化
版权申诉
118 浏览量
更新于2024-08-07
收藏 17KB DOCX 举报
"这篇文档主要介绍了在FineReport中如何使用JavaScript进行数字超大金额的千位符格式化处理,以解决在展示大量访问量或金额数据时的显示问题。"
在前端开发中,经常会遇到需要对数字进行格式化的场景,特别是在处理大量数据,如页面访问量、音乐播放次数、评论数量以及金额显示时。为了使数据更易于阅读,通常会采用千位符分隔,并在数字达到一定规模时添加相应的单位,如“万”、“亿”。在FineReport中,可以利用JavaScript编写自定义函数来实现这一功能。
下面是一个简单的JavaScript函数示例,用于实现上述需求:
```javascript
function tranNumber(num, point) {
// 将数字转换为字符串,然后用.分隔,取第0个部分
let numStr = num.toString().split('.')[0];
if (numStr.length < 6) {
// 如果小于6位,表示10万以内的数字,直接显示
console.log(numStr);
return numStr;
} else if (numStr.length >= 6 && numStr.length <= 8) {
// 如果数字大于6位且小于8位,加单位“万”
let decimal = numStr.substring(numStr.length - 4, numStr.length - 4 + point);
console.log(decimal);
// 由千位和百位组成的数字
return parseFloat(parseInt(num / 10000) + '.' + decimal) + '万';
} else if (numStr.length > 8) {
// 如果数字大于8位,加单位“亿”
let decimal = numStr.substring(numStr.length - 8, numStr.length - 8 + point);
console.log(decimal);
return parseFloat(parseInt(num / 100000000) + '.' + decimal) + '亿';
}
}
```
此函数`tranNumber`接收两个参数,`num`是要格式化的数字,`point`是保留的小数位数。函数首先将数字转换为字符串,然后根据字符串长度判断数字的范围。对于小于6位的数字,直接返回;对于6到8位的数字,除以10000并添加“万”单位;对于超过8位的数字,除以100000000并添加“亿”单位。保留的小数位数由`point`决定,确保显示的精度。
在FineReport中,你可以将这个函数嵌入到报表模板中,当从后台接口获取到数字数据时,调用此函数进行格式化处理,从而在前端展示清晰易读的格式化金额。
这个方法不仅适用于FineReport,也可以应用于其他任何支持JavaScript的前端项目中。通过自定义此类函数,你可以灵活地处理各种大小的数字,使其在用户界面中呈现出更加友好的形式。同时,这样的格式化处理也有助于避免因为数字过大而影响页面布局和用户体验。
1625 浏览量
318 浏览量
2021-09-26 上传
114 浏览量
2021-09-26 上传
114 浏览量
165 浏览量
172 浏览量
106 浏览量
Cheng-Dashi
- 粉丝: 106
- 资源: 1万+
最新资源
- makoto-kokubo.github.io
- VideoPlayer2.0.zip
- 51单片机8位数码管显示
- ChileAirQualityProject:智利清洁航空网creada midte R que entrega herramientas para valuaryy and analizar la calidad del aire en
- myportfolio_backend:MERNStack中的一个社交网络项目
- 现代白色时尚客厅3D模型
- react-form-validation
- SearchInZipFiles:搜索包含在 zip 文件中的文件中的文本-开源
- 班前班后会议记录excel模版下载
- Capstone-APM-Tool
- java 订餐 Swing mysql
- medaront
- 使用 Matlab 进行 UR5 控制:读取当前机器人工具提示,移动到所需的姿势和方向-matlab开发
- 自动计算会计凭证excel模版下载
- cyglua-exp:lua.experiment
- PUG-Guild