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

