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でスタックトレースを出力する関数Console.trace

console.trace()を実行するとコンソールにスタックとレースを出力することができます。 function test1() { test2(); } function test2() { co …

no image

フレキシブルなJavaScriptチャートライブラリTauchartsの使い方

サンプルコード 公式ドキュメントのTutorialsの内、簡易的なものを実際に動かしてみます。https://api.taucharts.com/tutorials/1min.html <htm …

no image

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

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

no image

チャートを簡単に追加できるJavaScriptライブラリChart.jsの使い方

折れ線グラフ、棒グラフ、レーダーチャート、ドーナツチャート、円グラフ、ポーラチャート、バブルチャート、散布図等のチャートをWebサイトに簡単に追加することができます。 公式サイト https://ww …

no image

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

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