ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で数値の先頭にゼロを埋め込むにはどうすればよいですか?

JavaScript で数値の先頭にゼロを埋め込むにはどうすればよいですか?

DDD
DDDオリジナル
2024-12-06 11:38:12425ブラウズ

How Can I Pad a Number with Leading Zeros in JavaScript?

JavaScript での数値の先頭のゼロの埋め込み

JavaScript を扱うとき、数値の先頭のゼロを埋め込む必要がよくあります。たとえば、数字の 9 は「0009」、10 は「0010」となり、常に 4 桁の形式に従います。

Plain-Jane Method

単純なアプローチでは、数字を減算します。 4 から必要なゼロの数を決定します。

ES2017 の PadStart() メソッド

ES2017 では、String.prototype.padStart() メソッドがより洗練されたソリューションを提供します。希望の長さに達するまで、指定された文字 (デフォルトではスペース) を文字列の左側に追加します。

n = 9;
String(n).padStart(4, '0'); // '0009'

n = 10;
String(n).padStart(4, '0'); // '0010'

汎用パディング関数

padStart() が使用されるシナリオでは、オプションではなく、汎用のパディング関数を利用できます。

function pad(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

この関数は、配列の機能を利用して、引数として数値を指定し、未定義の要素が入力されたその長さの配列を作成します。これらの要素をゼロ (またはその他の指定された文字) で結合すると、先頭に適切な数のゼロを付けた文字列が生成されます。

使用例

pad(10, 4);      // 0010
pad(9, 4);       // 0009
pad(123, 4);     // 0123

pad(10, 4, '-'); // --10

以上がJavaScript で数値の先頭にゼロを埋め込むにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。