本日はそんな方に向けた内容になります。JavaScriptで数字を扱う時に、頭に0(ゼロ)を付けたいという場合があります。時刻を表すときに「9時ちょうど」を「09:00」と表現したいときはどうすれば良いか分かりますか?コーディングやデータ処理において、桁数を正確に制御することは非常に重要です。数字や日付をフォーマットする際に、桁数が一致していないと見栄えが悪くなるときがありますよね。JavaScriptには文字列の先頭や末尾に0(ゼロ)を付けて桁数を揃える便利なメソッドがすでに存在して使い方も簡単です。この記事ではJavaScriptのpadStartとpadEndメソッドを使って、文字列を特定の桁数に調整する方法を詳しく解説します。動画もあるのでお好みでどうぞ。例題として時間の表示を使ってみます。「3」と出力される上記で取得したのは「4時2分3秒」なんですが、デジタル表示する場合には「04」など先頭に0を足すことで2桁表示とレイアウトを揃えたい所です。)というメソッドを使うことで解決することができます。実際の使い方はこんな感じです。)は引数を2つ取って、第一引数には「桁数」を第二引数には「先頭に追加する文字」を指定します。)としたことで「2桁で表示して、足りない場合は先頭に0を足して2桁にする」という意味になります。使うのは日付、時間ですがidのようなユーザーを判別するための番号にも使用することがあります。桁数の上限が決まっていて連番を振ってユーザーを見分けたい場面です。「000037」と出力される桁数を揃えるための文字は数字だけじゃなくて大丈夫です。以下のような形でもOKです。同じようなケースで「12.40」といった形で、数字の後に0などを付け足して桁数を揃えることもできて、数字の後に0を足す場合はpadEndというメソッドを使います。「12.40」と出力される小数点の表記でよく使われるケースですね。注意点としては「.」も1桁と数えるルールになっている点です。上記の例だと第一引数の桁数を4とやりがちですが、「.」も1桁にカウントするので5とすることを忘れないようにしてください。padStart,padEndともに言えることは文字列に使用するメソッドであることです。いうことかと言うと以下のような例ではエラーになります。"*");console.log(id);変数idには数字の1が代入されていて、padStart,padEndともに数字には使用することができません。そのため数字に使いたい場合はtoStringメソッドで文字列に変換してから使うことになります。「*******1」と出力されるプログラミングの世界では「”1′′」と「1」は違う型になることを初心者の方は忘れがちです。初学者向けの学習教材やスクールでは習わないことが多いのですが、実務ではよく使うメソッドなのでぜひ覚えておきましょう。今回参考にした本はこちらになります。良ければこちらからどうぞ。