一、基礎版：正則表達式一招鮮

function formatNumber(num) {
    return num.toString().replace(/\B(?=(\d{3})+(?!\d)/g, ",");
}
console.log(formatNumber(1234567)); // "1,234,567"
console.log(formatNumber(我的余額是1000000)); // "我的余額是1,000,000"

小楊解說：這個正則看著嚇人，其實就做一件事——找到每三個數字前面的位置，插入逗號。

二、進階版：處理小數和負數

function formatNumberAdvanced(num) {
    const parts = num.toString().split('.');
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return parts.join('.');
}
console.log(formatNumberAdvanced(-1234567.89)); // "-1,234,567.89"

小楊踩坑記：曾經沒處理負數，結果用戶看到"-123,456"一臉懵逼，還以為我們系統顯示錯誤！

三、國際化方案：Intl.NumberFormat

console.log(new Intl.NumberFormat().format(1234567)); // "1,234,567"
console.log(new Intl.NumberFormat('de-DE').format(1234567)); // "1.234.567" 德國用點號

小楊提示：這個方法最省心，還能自動適配不同國家的格式！

四、性能優化版：避免頻繁創建對象

const formatter = new Intl.NumberFormat();
function fastFormat(num) {
    return formatter.format(num);
}
// 適合需要頻繁調用的場景

五、花式炫技：一行代碼搞定

const fancyFormat = num => [...num.toString()].reverse().map((c,i) => i%3===0&&i!==0?c+',':c).reverse().join('');
console.log(fancyFormat(1234567)); // "1,234,567"

小楊警告：這種寫法雖然酷，但可讀性差，團隊項目慎用！

六、實戰中的坑

1. 超大數字處理：

// 錯誤示范
console.log(formatNumber(99999999999999999999)); // "100,000,000,000,000,000,000"
// 正確做法
function safeFormat(num) {
    return BigInt(num).toString().replace(/\B(?=(\d{3})+(?!\d)/g, ",");
}

2. 輸入校驗：

function safeFormatInput(input) {
    const num = Number(input);
    if(isNaN(num)) return '請輸入有效數字';
    return formatNumber(num);
}

七、總結

• 簡單需求用正則replace
• 國際化需求用Intl.NumberFormat
• 性能敏感場景緩存formatter對象
• 記得處理小數、負數和超大數字

?轉自https://juejin.cn/post/7512332419203497995