金額表示で3桁ごとにカンマを付ける方法

質問

こんにちは。

JavaScriptで金額を表示する際にカンマ(,)を付けたいのですがうまくできません。
「値段は10,800円(税込)です。」と表示させたいのです。

toLocaleString関数を使用すればいいらしいですが、どのように記述すればいいのかわかりませんでした。

ご教示頂けませんか。

宜しくお願い致します。

<section>
<p id="output"></p>
</section>
<script>
var total = function(price) {
var tax = 0.08;
return price + price * tax;
}
document.getElementById('output').textContent = '値段は' + total(10000) + '円(税込)です。';
</script>

回答No.1

trytobe · ベストアンサー

その地域の表示形式（ローカル）での表示には「toLocaleString()」を使ってもいいのですが、動作環境によって表示が異なる（ローカルの環境に任せてしまうため）ので、他の方法も含めて以下のような方法があるようです。

JavaScript カンマ区切りフォーマット - Miuran Business Systems
http://www.m-bsys.com/code/javascript-commaformat

お礼

ありがとうございました。

以下のように修正して解決しました。

<script>
var total = function(price) {
var tax = price * 1.08;
return ("" + tax).replace(/(\d)(?=(\d\d\d)+$)/g, "$1,");
}
document.getElementById('output').textContent = '値段は' + total(10000) + '円(税込)です。';
</script>