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

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

Susan Sarandon
Susan Sarandonオリジナル
2024-12-03 09:41:10393ブラウズ

How Can I Pad Numbers with Leading Zeros in JavaScript?

JavaScript での先頭のゼロによる数字のパディング

元の質問:

JavaScript は使用できますか指定された幅まで数値の先頭にゼロを埋め込みますか?たとえば、9 のような数字は、先頭に 3 つのゼロを付けて「0009」に埋め込む必要があります。

解決策:

ES2017更新:

  • String.prototype.padStart(): この組み込みメソッドにより、文字列の先頭に指定した数の文字をパディングできます。

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

レガシーアプローチ:

  • カスタム関数: ES2017 機能が利用できない場合は、番号をパディングするカスタム関数を作成できます:

    function pad(n, width, z) {
    z = z || '0';
    n = n + '';
    return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
    }
  • この関数は 3 つのパラメータを取ります: パディングする数値 (n)、希望の幅 (width)、およびオプションのパディング文字 (z、デフォルトは '0')。
  • 数値を文字列に変換し、その長さが希望の幅と比較してチェックされます。
  • 数値が希望の幅より短い場合は、この関数は、必要な数の要素を含む配列を作成し、パディング文字で埋めます。
  • 配列要素は文字列に結合され、目的の値を達成するために数値の前に付加されます。 padding.

使用例:

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

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

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

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