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で値が素数か判定する

以下のコードでは、渡された値が素数か判定する関数isPrimeNumberを定義しています。 Number.isIntegerで引数が整数か判定し、その後1から引数で渡された値の範囲で引数の値を割って …

no image

ブラウザとモバイルデバイス用のインタラクティブチャートを実装するJavaScriptチャートライブラリGoogle Chartsの使い方

公式サイト https://developers.google.com/chart サンプルコード <html> <head> <script type="te …

no image

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

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

no image

JavaScriptでテキストをエンコードする

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

no image

input要素で選択したファイルのバイナリデータをFile APIで表示する

サンプルコード input要素で選択したファイルのバイナリデータを16進数表記でpre要素に出力します。 <input type="file"> <pre> …