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

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

JS 數字加上千分位盧號
純 JavaScript 加上千分位符號。圖片來源:Unsplash

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

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 千分位符號。圖片來源:Unsplash

延伸閱讀:


分享這篇文章

發佈留言