LoginSignup
3
2

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-03-20

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

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

解決方法

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

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

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

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

コードで仕様説明

スクリーンショット 2020-03-20 13.57.06.png
小数点以下の不要な0が全て切捨てられています。
画像の一番下をみていただくとわかりますがmaximumFractionDigitsが3のため小数点第3位の数字までしか表示されていません。
スクリーンショット 2020-03-20 14.00.57.png
maximumFractionDigitsを4にしているため小数点第4位まで表示されています。

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2