Intl.NumberFormatで数値を読みやすく表示する

桁区切り、小数桁、通貨、割合を、ブラウザ標準の機能で整える方法です。

toLocaleStringとの関係

数値のtoLocaleString('ja-JP')は、内部でIntl.NumberFormatと同じ処理を使います。3桁区切りが付き、小数は標準で最大3桁まで表示されます。maximumFractionDigitsやminimumFractionDigitsで桁数を指定できます。

通貨・割合・単位

style:'currency'とcurrency:'JPY'で円表記、style:'percent'で割合表示になります。percentは値を100倍して%を付けるので、0.25は25%と表示されます。style:'unit'を使えば、キロメートル毎時などの単位も付けられます。

丸めと対応ブラウザ

標準の丸めは四捨五入に近い動作です。丸め方を細かく指定するroundingModeなどの新しいオプションは、ブラウザによって対応状況が異なるため、使う前に確認してください。

この技術を使っているツール

ほか400本のツールでも使っています。