パディングストリングと数字のユーティリティ関数

この記事では、主要な文字を文字列または数字に追加するために、指定された長さにするために、JavaScriptユーティリティ機能

を紹介します。 これは、日付と時間のフォーマットに特に役立ちます pad

主要な機能：

関数は、3つの引数を取ります。パッド（
• ）、希望の長さ（pad）、およびパディング文字（input）。 length文字列と数値の両方の入力を処理し、追加ではなく連結を確保します。 padding2桁の文字列に時間（時間、分、秒）のフォーマットが実証されています。 アプリケーションは、日付、通貨、および16進価値に拡張されています
• 関数の詳細：

関数のコアロジックはです

この関数は、マルチキャラクターのパディングストリングを使用しても、正しいパディングを確保するために、パディングストリングを巧妙に事前にコンパイルします。 次に、必要な部分を抽出して正確な希望の長さを達成します。

pad使用例：

<code class="language-javascript">function pad(input, length, padding) {
  while ((input = input.toString()).length + (padding = padding.toString()).length < length) {
    padding += padding;
  }
  return padding.substr(0, length - input.length) + input;
}</code>

現在の時間を2桁にフォーマットします：

完全な時間文字列（HH：MM：SS）の作成：

代替アプローチとの比較：

<code class="language-javascript">var hours = pad(new Date().getHours(), 2, 0);</code>

よりシンプルですが、堅牢性の低いアプローチは、

です

<code class="language-javascript">var date = new Date(), time = [
  pad(date.getHours(), 2, 0),
  pad(date.getMinutes(), 2, 0),
  pad(date.getSeconds(), 2, 0)
];
alert(time.join(':'));</code>

これは、単一の文字パディングストリングでのみ確実に機能します。 関数はこの制限を回避します

結論：

<code class="language-javascript">while (input.length < length) {
  input = padding + input;
}
return input;</code>

関数は、一般的なフォーマットのニーズに合わせて簡潔で効果的なソリューションを提供します。その汎用性は、パッド入りの文字列または数字を必要とするさまざまなアプリケーションへの時間のフォーマットを超えて拡張されます。

以上がパディングストリングと数字のユーティリティ関数の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。