希望數字 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() 的參考資料: