希望數字 1234567,可加上千分位符號,變成 1,234,567。

希望數字 1234567,可加上 $、千分位符號,變成 $1,234,567

fiddle.js 查看效果 (連結)

程式碼

<!-- HTML -->

<div>
  <h1>數字格式化</h1>
  <p>
    <span>原本的數值:</span>
    <span id="original"></span>
  </p>
  <p>
    <span>格式化後,以貨幣格式顯示:</span>
    <span id="monentize"></span>
  </p>
  <p>
    <span>格式化後,以數字三位一撇顯示:</span>
    <span id="formatted"></span>
  </p>
</div>
//JS

const number = 1234567;
let original = document.getElementById("original");
let monentize = document.getElementById("monentize");
let formatted = document.getElementById("formatted");

// 以貨幣格式顯示(台幣)
let monentizeNumber = number.toLocaleString("zh-tw", {
  style: "currency",
  currency: "TWD",
});

// 只顯示整數部分
let newNum = number.toLocaleString(undefined, {
  minimumFractionDigits: 0,
  maximumFractionDigits: 0,
});

original.textContent = number;
monentize.textContent = monentizeNumber;
formatted.textContent = newNum;

若想要以美金顯示

// JS
let monentizeNumber = number.toLocaleString("en-US", {
  style: "currency",
  currency: "USD",
});

參考連結

有關 .toLocaleString() 的參考資料:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *