源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
楼主: ttx9n

[JavaScript] JS如何将数字类型转化为没3个一个逗号的金钱格式

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2014-1-27 15:26:18 | 显示全部楼层 |阅读模式
本文为大家介绍下如何将数字类型转化为没3个一个逗号的金钱格式,下面是具体的实现 3345687687876789123

转化为:xxx,xxx,xxx
复制代码 代码如下:
<script type="text/javascript">

window.onload = function(){
//整个测试由小刀提供
var testFun = function( callback, str ){
var tipElem = document.createElement( 'div' ),
startTime,
duration = 0;
for( var j = 5; j > 0; j-- ){
startTime = +new Date();
for( var i = 10000; i > 0; i-- ){
callback();
}
duration = ((+new Date()) - startTime) + duration;
}
duration = (duration / 5).toFixed(0);
tipElem.innerHTML = str + '总耗时:' + duration + ' ms';
document.body.appendChild( tipElem );
};

var str = '3345687687876789123';

var cuter1 = function( str ){//带刀
var len = str.length,
lastIndex,
arr = [];
while( len > 0 ){
lastIndex = len;
len -= 3;
arr.unshift( str.substring(len, lastIndex) );
}
return arr.join(',');
};


var cuter2 = function( str ){//abcd
return str.replace( /\B(?=(?:\d{3})+$)/g, ',' );
};

var cuter3 = function( str ){//前叔
return str.replace(/(.*)(\d{3})$/,function(){
if(arguments[1]&& arguments[2]){
return arguments[1].replace(/(.*)(\d{3})$/,arguments.callee)+","+arguments[2];
} else {
return arguments[0];
}
});
};


var cuter4 = function( str ){//Alucelx
return str.split('').reverse().join('').replace(/(\d{3})/g, '$1,').split('').reverse().join('');
};

var cuter5 = function( str ){//司徒正美
var ret = [];
while(str){
str = str.replace(/\d{1,3}$/g,function(a){
ret.unshift(a)
return ""
});
}
return ret.join(",");
};
var cuter6 = function( str ){//司徒正美
var n = str.length % 3;
if(n){
return str.slice(0,n) + str.slice(n).replace(/(\d{3})/g,',$1')
}else{
return str.replace(/(\d{3})/g,',$1').slice(1)
}
};
var cuter7 = function(str){//司徒正美
var ret = ""
for(var i = 0, n = str.length, m = n %3 - 1; i < n; i++){
ret += str.charAt(i)
if( i % 3 === m ){
ret += ","
}
}
var e = ret.length - 1
return ret.charAt(e) == "," ? ret.slice(0,e) : ret
}
var cuter8 = function(str){//[[valueOf]]
var s2 = [].slice.call(str);
for(var i=s2.length-3; i>0;i-=3){
s2.splice(i, 0 ,',' );
}
return s2.join("")
}
var cuter9 = function(str){//听说
var newStr= new Array(str.length+ parseInt(str.length/3));
newStr[newStr.length-1]=str[str.length-1];
var currentIndex=str.length-1;
for(var i = newStr.length-1;i >= 0;i--) {
if((newStr.length-i)%4==0)
{
newStr[i]=",";
}else{
newStr[i]=str[currentIndex--];
}
}
return newStr.join("")
}
var cuter10 = function(str){//Rekey
var len = str.length, str2 = '', max = Math.floor(len / 3);
for(var i = 0 ; i < max ; i++){
var s = str.slice(len - 3, len);
str = str.substr(0, len - 3);
str2 = (',' + s) + str2;
len = str.length;
}
str += str2;
return str
}
//下面是性能测试
testFun(function(){
cuter1(str);
}, '方法一' );


testFun(function(){
cuter2(str);
}, '方法二' );


testFun(function(){
cuter3(str);
}, '方法三' );


testFun(function(){
cuter4(str);
}, '方法四' );


testFun(function(){
cuter5(str);
}, '方法五' );
testFun(function(){
cuter6(str);
}, '方法六' );
testFun(function(){
cuter7(str);
}, '方法七' );
testFun(function(){
cuter8(str);
}, '方法八' );
testFun(function(){
cuter9(str);
}, '方法九' );
testFun(function(){
cuter10(str);
}, '方法十' );
}
</script>

新能测试的结果为:
复制代码 代码如下:
方法一总耗时:14 ms
方法二总耗时:9 ms
方法三总耗时:174 ms
方法四总耗时:34 ms
方法五总耗时:39 ms
方法六总耗时:7 ms
方法七总耗时:9 ms
方法八总耗时:30 ms
方法九总耗时:14 ms
方法十总耗时:4 ms
回复

使用道具 举报

0

主题

1万

回帖

100

积分

注册会员

Rank: 2

积分
100
发表于 2022-10-26 11:01:00 | 显示全部楼层
好人好人好人好人
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-2-6 08:12:40 | 显示全部楼层
建军节建军节建军节建军节
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

59

积分

注册会员

Rank: 2

积分
59
发表于 2023-4-15 02:29:03 | 显示全部楼层
谢谢楼主分享
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

473

积分

中级会员

Rank: 3Rank: 3

积分
473
发表于 2023-9-3 07:44:01 | 显示全部楼层
有什么好的服务器
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-9-7 12:27:28 | 显示全部楼层
很不错的玩意
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

194

积分

注册会员

Rank: 2

积分
194
发表于 2023-9-14 19:54:53 | 显示全部楼层
好人好人好人好人
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-10-13 13:41:05 | 显示全部楼层
加快速度很快就撒谎
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

55

积分

注册会员

Rank: 2

积分
55
发表于 2023-10-18 21:37:05 | 显示全部楼层
66666666666
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

176

积分

注册会员

Rank: 2

积分
176
发表于 2023-11-12 03:10:48 | 显示全部楼层
。。。。。。。。。。。。。。。
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-24 19:56 , Processed in 0.098893 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表