1. 最最便捷的實現方式:toLocaleString()
注:只針對數字格式有效!
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循環
// for循環方法一
function format(num){
num = String(num);//數字轉字符串
let str = '';//字符串累加
for (let i = num.length- 1, j = 1; i >= 0; i--, j++){
if (j%3 == 0 && i != 0){ //每隔三位加逗號,過濾正好在第一個數字的情況
str += num[i] + ','; //加千分位逗號
continue;
}
str += num[i]; //倒着累加數字
}
return str.split('').reverse().join(""); //字符串=>數組=>反轉=>字符串
}
let num = 1234567890;
format(num); //"1,234,567,890"
// for循環方法二
function format(num){
num = String(num);//數字轉字符串
let str = '';//字符串累加
for (let i = num.length- 1, j = 1; i >= 0; i--, j++){
if (j%3 == 0 && i != 0){ //每隔三位加逗號,過濾正好在第一個數字的情況
str = ',' + num[i] + str; //加千分位逗號
continue;
}
str = num[i] + str; //累加數字
}
return str;
}
let num = 1234567890;
format(num); //"1,234,567,890"
4. slice+while循環
function format(num) {
let arr = [],
str = String(num),
count = str.length;
while (count >= 3) {
arr.unshift(str.slice(count - 3, count));
count -= 3;
}
// 如果是不是3的倍數就另外追加到上去
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"
當然也存在很多類似的寫法,不一一列舉了~