快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Web页面如何加货币符号和大写转换-创新互联

这篇文章给大家介绍Web 页面如何加货币符号和大写转换,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

专注于为中小企业提供成都网站设计、做网站、成都外贸网站建设公司服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业绥德免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

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) 添加货币符号配置

Web 页面如何加货币符号和大写转换

2) 数值大写转换

Web 页面如何加货币符号和大写转换

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

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

关于Web 页面如何加货币符号和大写转换就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站题目:Web页面如何加货币符号和大写转换-创新互联
文章地址:http://6mz.cn/article/dijpjp.html

其他资讯