JavaScriptのpadStartおよびpadEnd文字列メソッド
提供:Dev Guides
padStartとpadEndは、JavaScript文字列で使用できる2つの新しいメソッドです。 それらの名前が示すように、最初または最後にパディング文字を追加することにより、文字列をフォーマットできます。 これらの2つの方法は新しく、ブラウザのサポートはまだ非常に限られていることに注意してください。
どちらの方法も同じように機能しますが、 padStart を使用すると文字列の先頭にパディングが追加され、padEndを使用するとパディングが最後に追加される点が異なります。
これらは、目的の長さの targetLength 引数、またはオプションの padString 引数を取ります。この引数は、指定されていない場合はデフォルトでスペースになります。 padString は、必要に応じて繰り返され、目的のtargetLengthを埋めます。
次にいくつかの例を示します。
"Dog!".padStart(10); // " Dog!" "Dog!".padEnd(14, ' Woof'); // "Dog! Woof Woof" "A longer string here".padEnd(10); // "A longer string here"
padStartおよびpadEndは、数値のフォーマットおよびコンソール出力のフォーマットに便利です。
let values = ['17.99', '200', '3400.57', '7.97', '567']; let formattedValues = values.map(value => { let nbr = parseFloat(value).toFixed(2); return ('$' + nbr.toString()).padStart(9); }); console.log(formattedValues.join('\n')); // $17.99 // $200.00 // $3400.57 // $7.97 // $567.00