千分位數(shù)字格式化(用逗號隔開 代碼已做了修改 支持0-9位逗號隔開)的JS代碼
最近做項(xiàng)目需要我們前端對金額進(jìn)行千分位格式化(也就是說每三位用逗號隔開),代碼已經(jīng)做了修改 之前的版本是本人疏忽 真對不住大家了!現(xiàn)在已經(jīng)做了修改 如果還有不完善的地方 請大家多多指教!
1. 支持用逗號隔開 0-9位 逗號隔開
JS代碼如下:
/**
* JS格式化
* @param number 要格式化的數(shù)字
* @param d [0-9]位 逗號隔開
*/
function numFormat(number,d) {
var numArrs = ['0','1','2','3','4','5','6','7','8','9'],
REG_NUMBER = /^\d+(.\d+)?$/;
d = d || 3; // 不傳 是3位 千分位
if(isNumber(number) || isString(number) || REG_NUMBER.test(number)) {
// 先轉(zhuǎn)換成字符串
var toString = number + '',
isPoint = toString.indexOf('.'),
prefix, // 前綴
suffix, // 后綴
t = '';
if(isPoint > 0) {
prefix = toString.substring(0,isPoint);
suffix = toString.substring(isPoint + 1);
}else if(isPoint == 0) {
prefix = '';
suffix = toString.substring(1);
}else {
prefix = toString;
suffix = '';
}
if(prefix != '') {
prefixArr = prefix.split('').reverse();
var isArrayIndex = isArray(d,numArrs);
if(isArrayIndex > -1) {
for(var i = 0, ilen = prefixArr.length; i < ilen; i+=1) {
t += prefixArr[i] + ((i + 1) % isArrayIndex == 0 && (i + 1) != prefixArr.length ? "," : "");
}
t = t.split("").reverse().join("");
if(suffix != '') {
return t + "." + suffix;
}else {
return t;
}
}else {
return '傳入的多少位不正確';
}
}else if(prefix != '' && suffix == ''){
return prefix;
}else if(prefix == '' && suffix != ''){
prefix = 0;
return prefix + suffix;
}else {
return "有錯誤";
}
}else {
return '傳入的要格式化的數(shù)字不符合';
}
}
function isArray(item,arrs) {
for(var i = 0, ilen = arrs.length; i < ilen; i++) {
if(item == arrs[i]) {
return i;
}
}
return -1;
}
function isNumber(number) {
return Object.prototype.toString.apply(number) === '[object Number]';
}
function isString(number) {
return Object.prototype.toString.apply(number) === ['object String'];
}
但是貌似還有一個不完善的地方 就是 我這樣調(diào)用 console.log(numFormat("1111.00")); 在控制臺上 直接輸出 1,111 而不是1,111.00 也就是說 如果小數(shù)點(diǎn)后面的是 0的話 游覽器自動會抹掉后面的0 其他的都正常!本人測試了下 基本符合要求 如有不完善的地方 請大家多多指教!
相關(guān)文章
JavaScript實(shí)現(xiàn)異步獲取表單數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)異步獲取表單數(shù)據(jù),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-05-05用javascript將數(shù)據(jù)導(dǎo)入Excel示例代碼
將數(shù)據(jù)導(dǎo)入Excel的方法有很多,本例介紹的這個是使用js來實(shí)現(xiàn)數(shù)據(jù)的導(dǎo)入,感興趣的朋友可以了解下2014-09-09一個JavaScript處理textarea中的字符成每一行實(shí)例
這篇文章主要與大家分享一個JavaScript處理textarea中的字符成每一行實(shí)例,很簡單,但很實(shí)用,大家可以看看2014-09-09uniapp中實(shí)現(xiàn)App自動檢測版本升級的示例代碼
本文主要介紹了uniapp中實(shí)現(xiàn)App自動檢測版本升級的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01利用Echarts實(shí)現(xiàn)圖例顯示百分比效果
EChart開源來自百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊(duì),基于html5?Canvas,是一個純Javascript圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表。本文將利用EChart實(shí)現(xiàn)圖例中顯示百分比的效果,感興趣的可以學(xué)習(xí)一下2022-03-03在光標(biāo)處插入字符串的實(shí)現(xiàn)代碼 兼容IE,Firefox
在光標(biāo)處插入字符串,一般用于網(wǎng)頁編輯器中,這里用的是text,需要的朋友可以參考下。2010-03-03JS 插件dropload下拉刷新、上拉加載使用小結(jié)
這篇文章主要介紹了JS 插件dropload下拉刷新、上拉加載使用小結(jié),需要的朋友可以參考下2017-04-04使用微信小程序開發(fā)彈出框應(yīng)用實(shí)例詳解
本文通過實(shí)例代碼給大家介紹了使用微信小程序開發(fā)彈出框功能,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10