ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript はどのようにして文字列を特定の長さに埋め込むことができるのでしょうか?
文字列を希望の長さにパディングすることは、特にプログラミングにおいて一般的なニーズです。表示または保存のためにデータをフォーマットするとき。 JavaScript では、さまざまな JavaScript プラットフォーム間でさまざまな程度の複雑さと互換性を備えてこれを実現するためのオプションがいくつか提供されています。
2017 年, ECMAScript 2017 (ES8) では String.padStart() が導入され、 String.padEnd() メソッドは、文字列にスペースまたは他の文字を埋め込むためのものです。これらのメソッドは、最新のブラウザーと Node.js バージョンでサポートされています。
<br>"Jonas".padStart(10); // デフォルトのパッド文字列はスペースです<br>"42".padStart(6, "0"); // "0"<br>"<em>".padStart(8, "-/|"); で埋め込みます。 // '-/|-/|</em>'<br>
古い JavaScript バージョンの場合、String.padStart() はポリフィルを使用して実装できます。
前ES8 では、文字列をパディングするためにいくつかの代替方法が使用されていました。一般的なアプローチの 1 つは、文字列をパディング文字列と連結し、slice() を使用して目的の部分を抽出することでした。
<br>var n = 123</p> <p>String("00000 " n).slice(-5); // 00123<br>("00000" n).slice(-5); を返します。 // 00123<br>(" " n).slice(-5); を返します。 // " 123" を返します (スペース 2 つ)<br>
もう 1 つの手法は、文字列パディング拡張機能を作成することでした:
<br>String。 prototype.paddingLeft = function (paddingValue) {<br> return String(paddingValue) this).slice(-paddingValue.length);<br>};<br>
この拡張機能は次のように使用できます:
<br>関数 getFormattedTime(date) {<br> var hours = date.getHours();<br> var minutes = date.getMinutes();</p> <p>hours = hours.toString().paddingLeft("00");<br> minutes = minutes.toString().paddingLeft("00");</p> <p>return "{0}:{1}".format(時間, minutes);<br>};</p> <p>String.prototype.format = function () {</p> <pre class="brush:php;toolbar:false">var args = arguments; return this.replace(/{(\d+)}/g, function (match, number) { return typeof args[number] != 'undefined' ? args[number] : match; });
};
This変更された文字列プロトタイプ メソッドを使用した文字列パディングを示します。
以上がJavaScript はどのようにして文字列を特定の長さに埋め込むことができるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。