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

広告

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

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

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

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

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

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

let str = 'List';

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

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

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

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

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

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

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

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

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

let str = 'List';

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

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

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

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

-- --

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

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。