js千分位實現(xiàn)方法大匯總
更新時間：2022年04月11日 14:51:22 作者：朽木·露琪亞
這篇文章主要介紹了js千分位實現(xiàn)方法大匯總，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
千分位實現(xiàn)匯總
1.最最便捷的實現(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. $& 表示與正則表達式相匹配的內容，可查看replace()
3. \B 非單詞邊界
3.for循環(huán)
// for循環(huán)方法一
function format(num){ ?
? num = String(num);//數(shù)字轉字符串 ?
? 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ù)組=>反轉=>字符串 ?
}?
let num = 1234567890;
format(num); //"1,234,567,890"
// for循環(huán)方法二
function format(num){ ?
? num = String(num);//數(shù)字轉字符串
? 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"當然也存在很多類似的寫法，不一一列舉了～
千分位分隔符
方法一
沒有小數(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)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了前端冒泡排序算法的相關資料,冒泡排序是一種簡單的排序算法,通過比較相鄰元素并交換位置,實現(xiàn)元素排序,該算法的時間復雜度為O(n^2),空間復雜度為O(1),具有穩(wěn)定性,適用于小規(guī)模數(shù)據(jù)集和對穩(wěn)定性要求高的場景,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了JS實現(xiàn)全屏預覽F11功能的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了js獲取某元素的class里面的css屬性值代碼，有需要的朋友可以參考一下2014-01-01
下面小編就為大家?guī)硪黄狫S獲取checkbox的個數(shù)簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了js下拉菜單生成器dropMenu的使用方法 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript 字符串處理函數(shù)使用小結，學習js的朋友可以參考下。2010-12-12
在 JavaScript 中,本地存儲指的是將數(shù)據(jù)保存在用戶的瀏覽器中,能夠在頁面刷新或關閉后仍然保留,本文給大家介紹了本地存儲的幾種方式,每種存儲方式的特點、區(qū)別及應用場景,需要的朋友可以參考下2024-12-12
小程序開發(fā)實現(xiàn)access_token統(tǒng)一管理
本文主要介紹了小程序開發(fā)實現(xiàn)access_token統(tǒng)一管理，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習吧2021-07-07
這篇文章主要介紹了使用Threejs加載外部glb文件方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
Javascript數(shù)組的?forEach?方法詳細介紹
這篇文章主要介紹了Javascript數(shù)組的forEach方法詳細介紹,文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-09-09