js千分位實(shí)現(xiàn)方法大匯總

更新時間：2022年04月11日 14:51:22 作者：朽木·露琪亞

這篇文章主要介紹了js千分位實(shí)現(xiàn)方法大匯總，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

千分位實(shí)現(xiàn)匯總

1.最最便捷的實(shí)現(xiàn)方式：toLocaleString()

注：只針對數(shù)字格式有效！

let num = 1234567890;
num.toLocaleString(); //"1,234,567,890"

2.正則匹配

// 正則匹配方法一
let num = 1234567890;
let reg = /\d{1,3}(?=(\d{3})+$)/g;   
String(num).replace(reg, '$&,'); //"1,234,567,890"
// 正則匹配方法二
let num = 1234567890;
let reg = /\B(?=(\d{3})+$)/g;   
String(num).replace(reg, ','); //"1,234,567,890"
說明：如果想知道具體怎樣的分組方式，可在 [https://regexper.com/](https://regexper.com/) 上測試
1. ?= 表示正向引用
2. $& 表示與正則表達(dá)式相匹配的內(nèi)容，可查看replace()
3. \B 非單詞邊界

3.for循環(huán)

// for循環(huán)方法一
function format(num){ ?
? num = String(num);//數(shù)字轉(zhuǎn)字符串 ?
? let str = '';//字符串累加 ?
? for (let i = num.length- 1, j = 1; i >= 0; i--, j++){ ?
? ? ? if (j%3 == 0 && i != 0){ //每隔三位加逗號，過濾正好在第一個數(shù)字的情況 ?
? ? ? ? ? str += num[i] + ','; //加千分位逗號 ?
? ? ? ? ? continue; ?
? ? ? } ?
? ? ? str += num[i]; //倒著累加數(shù)字
? } ?
? return str.split('').reverse().join(""); //字符串=>數(shù)組=>反轉(zhuǎn)=>字符串 ?
}?
let num = 1234567890;
format(num); //"1,234,567,890"
// for循環(huán)方法二
function format(num){ ?
? num = String(num);//數(shù)字轉(zhuǎn)字符串
? let str = '';//字符串累加
? for (let i = num.length- 1, j = 1; i >= 0; i--, j++){ ?
? ? ? if (j%3 == 0 && i != 0){ //每隔三位加逗號，過濾正好在第一個數(shù)字的情況
? ? ? ? ? str = ',' + num[i] + str; //加千分位逗號
?? ??? ? continue;?
? ? ? } ?
? ? ? str = num[i] + str; //累加數(shù)字
? } ?
? return str;
}
let num = 1234567890;?
format(num); //"1,234,567,890"

4.slice+while循環(huán)

function format(num) {
? let arr = [],
? ? ? str = String(num),
? ? ? count = str.length;
? while (count >= 3) {
? ? arr.unshift(str.slice(count - 3, count));
? ? count -= 3;
? }
? // 如果是不是3的倍數(shù)就另外追加到上去
? if(str.length % 3) arr.unshift(str.slice(0, str.length % 3));
? return arr.toString();
}
let num = 1234567890;?
format(num); //"1,234,567,890"

5.reduce

function format(num) {
? var str = num+'';
? return str.split("").reverse().reduce((prev, next, index) => {
? ? return ((index % 3) ? next : (next + ',')) + prev;
? })
}
let num = 1234567890;?
format(num); //"1,234,567,890"

當(dāng)然也存在很多類似的寫法，不一一列舉了～

千分位分隔符

方法一

沒有小數(shù)位時

formatMoney(num) { ?
? let reg=/\d{1,3}(?=(\d{3})+$)/g; ??
? return (num + '').replace(reg, '$&,'); ?
}

方法二

有小數(shù)位時

formatThousand(money) { ?
? let res = money.toString().replace(/\d+/, function(num){ // 先提取整數(shù)部分
? ? return num.replace(/(\d)(?=(\d{3})+$)/g, function($1){
? ? ? return $1+",";
? ? });
? })
? return res;
},

以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: