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

phi phi on javascript

小数点以下の桁数を固定して右揃えで時間を表示したいなんてこと, ゲームなんかを作るときによくありますよね?

こういうやつですね.

これ 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