虚拟币交易所的挂单数量中 0 的颜色处理

🌙
手机阅读
本文目录结构
a'xi'he

比如挂单的数量中,

523.0000 则前面 523. 正常颜色显示,后面 0000 则淡颜色显示;

方便用户的识别;

具体需要的数据结构是:

523.0000==>”523.”,”0000″
1,523.9900==>”1,523.99″,”00″
1,523.1234==>”1,523.1234″,””
1,523.0900==>”1,523.09″,”00″

下面是演示的 DEMO,我是使用正则做的;

var str1='523.0000';        //需要结果  "523.",         "0000"
var str2='1,523.9900';      //需要结果  "1,523.99",     "00"
var str3='1,523.1234';      //需要结果  "1,523.1234",   ""
var str4='1,523.0900';      //需要结果  "1,523.09",     "00"
var str5='2222.34';         //需要结果  '222.34',       '00'
var str6='1,523,234.3400';  //需要结果  '1,523,234.34'  '00'


var reg=/^(\d+(?:,\d{3})*\.(?:0*[1-9]+)?)(0*)?$/;
var result1=reg.exec(str1);
var result2=reg.exec(str2);
var result3=reg.exec(str3);
var result4=reg.exec(str4);
var result5=reg.exec(str5);
var result6=reg.exec(str6);

console.log(result1);//[ '523.0000', '523.', '0000', index: 0, input: '523.0000' ]
console.log(result2);//[ '1,523.9900', '1,523.99', '00', index: 0, input: '1,523.9900' ]
console.log(result3);//[ '1,523.1234', '1,523.1234', undefined, index: 0, input: '1,523.1234' ]
console.log(result4);//[ '1,523.0900', '1,523.09', '00', index: 0, input: '1,523.0900' ]
console.log(result5);//[ '2222.34', '2222.34', undefined, index: 0, input: '2222.34' ]
console.log(result6);//[ '1,523,234.3400', '1,523,234.34', '00', index: 0, input: '1,523,234.3400' ]

console.log("---------");
console.log(filterAry(result1));//[ '523.', '0000' ]
console.log(filterAry(result2));//[ '1,523.99', '00' ]
console.log(filterAry(result3));//[ '1,523.1234', '' ]
console.log(filterAry(result4));//[ '1,523.09', '00' ]
console.log(filterAry(result5));//[ '2222.34', '' ]
console.log(filterAry(result6));//[ '1,523,234.34', '00' ]

function filterAry(ary) {
    return [ary[1],ary[2]?ary[2]:'']
}

核心代码就一行

var reg=/^(\d+(?:,\d{3})*\.(?:0*[1-9]+)?)(0*)?$/;

具体的应用根据实际的场景进行写,上面仅仅是 DEMO

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang