More than 3 years have passed since last update.

【JavaScript】小数点以下の不要な０を削除する　toLocaleString

Last updated at 2020-03-20Posted at 2020-03-20

小数点の表示で０の場合だけなくすという仕様で困ったことはありませんか？
具体的には以下のような仕様です。

1.000 => 1
1.100 => 1.1
1.110 => 1.11

解決方法

JavaScriptのNumberクラスのtoLocaleStringメソッド(optionのmaximumFractionDigits)を使います。

ブラウザーがlocales引数とoptions引数をサポートされていない可能性がありますのでこちらで確認して下さい。
リファレンス

[数値].toLocaleString( locales, { maximumFractionDigits: [有効にしたい小数点以下の桁数] })

maximumFractionDigitsオプションを省略した場合はデフォルトは３です。(リファレンスにのっていないため自己検証)

小数点以下の不要な０が全て切捨てられています。画像の一番下をみていただくとわかりますがmaximumFractionDigitsが3のため小数点第3位の数字までしか表示されていません。

maximumFractionDigitsを4にしているため小数点第4位まで表示されています。