首页 > Web开发 > 详细

Web 页面怎么加货币符号和大写转换

时间:2020-06-15 16:21:38      阅读:48      评论:0      收藏:0      [点我收藏+]

Web 页面数据显示常会涉及到各种各样的数据格式化处理,其中,将金额加货币符号和大写转换就很常见。

1. 代码开发版实现方法

定义数据转换函数,页面进行调用。

1). 添加货币符号函数:

a. 获取待处理的值,判断是否为有效数值;

b. 将数值转换为字符串类型,定位在第一个数字前添加货币符号。

核心代码:

function currency (money){ 
let val = money;
if(val){
val = ‘$‘+val; return val;
} }

注:货币符号转换常需要同步做千分位格式处理,那就需要代码再分步处理数据小数点前后的内容核心代码如:var re=/(?=(?!(\b))(\d{3})+$)/g; money1= money1.replace(re,“,”);

2) . 大小写转换函数为例:

a. 定义最大处理金额;

b. 判断金额所属范围(>0、=0、<0), 将数值转换为字符串类型;

c. 分别处理小数点前后的金额,拼接返回。

核心代码:

 if (parseInt(IntegerNum, 10) > 0) {
//获取整型部分转换 var zeroCount = 0;
var IntLen = IntegerNum.length;
for (var i = 0; i < IntLen; i++) {
var n = IntegerNum.substr(i, 1);
var p = IntLen - i - 1;
var q = p / 4; var m = p % 4;
if (n == "0") { zeroCount++; }
else { if (zeroCount > 0) { ChineseStr += cnNums\[0\]; }
zeroCount = 0; //归零
ChineseStr += cnNums\[parseInt(n)\] + cnIntRadice\[m\]; }
if (m == 0 && zeroCount < 4) { ChineseStr += cnIntUnits\[q\]; } }
ChineseStr += cnIntLast; //整型部分处理完毕 } if (DecimalNum != ‘‘) {
//小数部分 var decLen = DecimalNum.length;
for (var i = 0; i < decLen; i++)
{ var n = DecimalNum.substr(i, 1);
if (n != ‘0‘) { ChineseStr += cnNums\[Number(n)\] + cnDecUnits\[i\]; } } }

2. 更便捷多用的方法

使用内置数据显示转换功能的报表工具,通过简单的设置达到数据转换的效果。

1) 添加货币符号配置

技术分享图片

2) 数值大写转换

技术分享图片

具体操作可以参考玩转数据显示设置

注:使用工具除了可以简单快捷实现上述转换外,还可以做更多的显示设置,比如:数值转中文,日期格式化等等。

如上两种情况相较而言,前者代码虽可以实现转换的需求,但要求开发者的逻辑思维一定要清晰,思路要明确,不然很可能因为考虑不够全面,导致转换不正确,且往往一个页面需要做数据格式化的处理的部分很多,每个都这么写就很麻烦,后续维护也困难。

Web 页面怎么加货币符号和大写转换

原文:https://www.cnblogs.com/xiaohuihui-11/p/13131427.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!