JavaScript で小数点以下の桁数を揃える方法

Pocket
LINEで送る

ゲームなんかを作るときによくあるのですが,
タイマーを右揃えで小数点以下まで表示したいってことがあります.

こういうやつですね.

これ JavaScript だと超簡単にできちゃいます♪
よかったら参考にしてください.

やり方

Number.prototype.toFixed(digits) を使います.
これを使えば超簡単に下記のような結果を得られます.

console.log((1).toFixed(2)); // 1.00
console.log((1.2).toFixed(2)); // 1.20
console.log((1.23).toFixed(2)); // 1.23
console.log((1.234).toFixed(2)); // 1.23

引数は桁数です.

toFixed() の挙動

恥ずかしながら toFixed のちゃんとした挙動は最近知りました…
てっきり指定した小数点になるよう四捨五入するだけだと思っていたのですが,
四捨五入して足りない桁数は 0 で補完して文字列化したものを返すんですね!

いやぁ便利だ:D

ちなみにこれ知るまではこんな回りくどいことやってましたw

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>