3テラバイト

プログラム関連備忘録サイト。主にゲーム。

JavaScript

JavaScriptで0埋めする方法

投稿日:

こんにちは、今日はJavaScriptで0埋めする方法についてまとめていきます。

0埋め

以下のような関数で第一引数に0埋めしたい数値を、第二引数に数値の桁数を指定すると、指定桁数になるように0埋めされた値が返されます。

function zeroPadding(num, digit){
  return (Array(digit).join('0') + num).slice(-digit);
}

Arrayコンストラクタの引数に単一の数値を渡すとその長さ分の配列が生成され、その配列に対して0でjoinすることにより、指定桁数分の0が並んだ文字列が作成でき、その文字列と引数の数値を連結します。

次にsliceで指定桁数からはみ出た分をカットすることで指定桁数で0埋めされた数値を返すことができます。

上記関数の使用例は以下の通りです。

00002がコンソールに出力されます。

var num = 2;
console.log(zeroPadding(num, 5));

リンク

Array() コンストラクター – JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/Array

Array.prototype.join() – JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/join

-JavaScript


comment

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


reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

関連記事

no image

JavaScriptで値を素因数分解する

以下のコードでは、渡された値を素因数分解して文字列で結果を返す関数primeFactorizationを定義しています。 function primeFactorization(value) { va …

no image

カルーセルを実装するjQueryプラグインslickの使い方

こんにちは、今日はカルーセルを実行できるjQueryプラグイン、slickの使い方についてまとめていきます。 公式サイト https://kenwheeler.github.io/slick/ ダウン …

no image

JavaScriptでバイナリからpngファイルを識別する

input要素で指定した画像がpngファイルか確認し、pngファイルだった場合にその幅と高さをコンソールに出力しています。 <html> <head> </head&gt …

no image

File APIでinput要素で選択したファイルの情報を確認する

サンプル <input type="file"> <script> const input = document.querySelector('i …

no image

JavaScriptで指定時間ごとに処理を実行する

指定時間ごとに処理を実行する setInterval関数の第一引数に指定時間経過ごとに実行したいコールバック関数を、第二引数に待機時間をミリ秒で指定します。 以下の例では関数callbackFuncを …