JavaScriptのpadStartおよびpadEnd文字列メソッド

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