toLocaleStringを使用し数値を三桁区切りにする場合について

Question

toLocaleStringを用いて数値を三桁区切りにする場合についてお聞きしたいことがあります。
公式ページなどを見ると引数を指定しない場合、PCのロケールで変換されるようなのですが、単純に数値を三桁区切りで表示したい場合は、引数が空の状態でも問題ないでしょうか。
※引数を指定しない場合小数点以下は丸められるようなのですが、今回小数点以下は表示の予定はありません

どなたか、ご助言の程頂けましたら幸いです

Comments

[YT0014]

質問文のtoLocalStringの参照先は、Date.prototype.toLocaleString()のものなので、数字を整形したい場合は、Number.prototype.toLocaleString()のドキュメント
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString
への参照にされたほうが良いかと思われます。

[ruuuu]

ありがとうございます。
toLocaleString()も複数あった訳なのですね...
こちら、気をつけたいと思います。

Answer 1

別件の問題ですが、toLocaleStringは処理が遅いです（正規表現で同等のことを行うより数十倍以上の時間がかかります）。

Comments

[ruuuu]

ご助言ありがとうございます
>別件の問題ですが、toLocaleStringは処理が遅いです（正規表現で同等のことを行うより数十倍以上の時間がかかります）
こちらですが、正規表現での実装になりますと、https://qiita.com/hikey/items/8f8b13ba4942377a5754
こちら記事のような形の実装となりますでしょうか。

[maisumakun]

正規表現でやれば、ロケールに依存せず全く同じ処理を行いますので、そういう意味でも確実です。

[ruuuu]

アドバイスありがとうございます
少々気になったことがあるのですが、正規表現ではなく、例えば、以下の方法での実装はいかが思われますでしょうか。
var numberWithComma = new Intl.NumberFormat();
var price = 5000;

numberWithComma.format(price); // -> '5,000'

[maisumakun]

> 以下の方法での実装はいかが思われますでしょうか。

「ユーザーのロケールに合わせたい」という積極的な目的があるならそれもありです。

「ユーザーの環境と関係なく3桁に区切りたい」のであれば、それを明示するコードの方がいいと考えます。

[ruuuu]

ありがとうございます。
performance.markで速さを測定してみたのですが、正規表現の方数十倍が早かったので、ここまで違いが出るのかと驚きました

Answer 2

3桁区切りにしたい、が要件なら問題があります。ロケールによっては4桁区切りや区切りなしになります。ロケールに従った表示をしたい、が要件ならもちろん問題ありません。

Comments

[ruuuu]

ご回答ありがとうございます。
> 3桁区切りにしたい
こちらですが、MDNでは見当たらなかったのですが、別の記事を見たところ'ja-JP'を指定されていたのですが、こちらの指定で問題ありませんでしょうか。

[int32_t]

ええ、ja-JP で問題ないと思います。

[ruuuu]

ありがとうございます！
'ja-JP'こちらを指定しておきます！

Answer 3

問題ない