文字列が指定の長さになるように先頭または末尾に文字を追加する(padStart, padEnd)

String オブジェクトのインスタンスメソッドである padStart は、対象の文字列が指定した長さになるように文字列の先頭に指定した文字列を繰り返し追加します。また padEnd は文字列の末尾に指定した文字列を繰り返し追加します。ここでは String オブジェクトの padStart メソッドおよび padEnd メソッドの使い方について解説します。

(Last modified: 2023年02月03日)

先頭に文字列を追加して指定した長さに変更する(padStart)

String オブジェクトの padStart メソッドは、対象の文字列が指定した長さになるように文字列の先頭に別途指定した文字列を繰り返し追加した新しい文字列を返します。書式は次のとおりです。

文字列.padStart(文字列の長さ [, 埋め込む文字列])

対象の文字列が 1 番目の引数で指定した長さになるように文字列の先頭に繰り返し文字列を追加します。追加する文字列はデフォルトでは空白ですが 2 番目の引数で追加する文字列を指定することもできます。

次のサンプルをみてください。

let str = 'List';

console.log('\'' + str.padStart(7) + '\'');
>> '   List'

console.log('\'' + str.padStart(9, '-+') + '\'');
>> '-+-+-List'

文字列の長さが指定した長さになるように文字列の先頭に空白または指定した文字列を繰り返し追加しています。

末尾に文字列を追加して指定した長さに変更する(padEnd)

String オブジェクトの padEnd メソッドは、対象の文字列が指定した長さになるように文字列の末尾に別途指定した文字列を繰り返し追加した新しい文字列を返します。書式は次のとおりです。

文字列.padEnd(文字列の長さ [, 埋め込む文字列])

対象の文字列が 1 番目の引数で指定した長さになるように文字列の末尾に繰り返し文字列を追加します。追加する文字列はデフォルトでは空白ですが 2 番目の引数で追加する文字列を指定することもできます。

次のサンプルをみてください。

let str = 'List';

console.log('\'' + str.padEnd(7) + '\'');
>> 'List   '

console.log('\'' + str.padEnd(9, '-+') + '\'');
>> 'List-+-+-'

文字列の長さが指定した長さになるように文字列の末尾に空白または指定した文字列を繰り返し追加しています。

-- --

String オブジェクトの padStart メソッドおよび padEnd メソッドの使い方について解説しました。

著者 / TATSUO IKURA

プログラミングや開発環境構築の解説サイトを運営しています。