3テラバイト

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

JavaScript

JavaScriptで0埋めする方法

投稿日:

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

0埋め

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

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

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

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

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

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

1
2
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でテキストをエンコードする

UTF-8エンコード TextEncoder.prototype.encode() TextEncoderオブジェクトを生成、encodeメソッドにUSVString値を渡すと、エンコードされたUin …

no image

JavaScriptでMath.jsを用いて組み合わせの数の計算をする

math.combinations関数の第一引数に総数を、第二引数に取り出す数を渡すと、組み合わせの数が返されます。 <html> <head> <script type …

no image

ブラウザのコンソールからページ内の画像リストを確認する

ブラウザのコンソールにdocument.imagesの内容を出力すると、現在の文書内にある画像のリストが返され、任意の要素をクリックでその画像を確認することができます。 console.log(doc …

no image

JavaScriptで位置座標を取得する

navigator.geolocation.getCurrentPosition関数で取得できます。 引数には成功時、失敗時のコールバック関数と、オプションを渡します。 <html> &l …

no image

JavaScriptで値を素因数分解する

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

S