[JS筆記]把數字加上千分位符號 1 行解決

使用純 JavaScript 把數字轉換成字串後，加上千分位符號，搭配正規表達式 1 行就能解決！

數字加上千分位符號範例程式碼

HTML 用來顯示結果：

<div id="newNum"></div>

JS 使用 String(num).replace(/(\d)(?=(\d{3})+$)/g, “$1,”)，即先轉成字串後加上千分位符號：

// 加上千分位的函式
function thousandth(num) {
  return String(num).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
}

// 宣告數值
let num = 2023450633;

//抓取網頁元素
const newNumEl = document.querySelector("#newNum");
// 把加上千分位的數字顯示在畫面
newNumEl.innerHTML = thousandth(num);

輸出結果：

2,023,450,633

Codepen 成果範例

這個範例我也有放在 Codepen 可以讓你參考結果：

或是按這裡前往我的 Codepen。

總結

以上就是使用 1 行正規表達式來轉換成有千分位符號的格式。

---

延伸閱讀：

• [JS筆記]直接觸發 addEventListener 的方法 dispatchEvent()
• [JS筆記]JavaScript 陣列移除重複的方法，使用 Set 達成效果
• [JS筆記]實作上傳圖片功能、圖片網址轉圖片格式轉換 base64 to blob

---