String padStart() and padEnd() | Frontend Practical Guide

概要

String.prototype.padStart() は文字列の先頭を、padEnd() は末尾を指定した文字で埋めて、指定した長さにします。数値のゼロ埋めや表示の整列に便利です。

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`javascript.builtins.String.padEnd`	57	15	48	10	57	10
ビルトインオブジェクト
`String.padStart` padStart() は String 値のメソッドで、指定された文字列でこの文字列をパディングし（必要に応じて繰り返したり切り捨てたりして）、結果の文字列が指定された長さを示すようにします。パディングは、この文字列の先頭から適用されます。	57	15	48	10	57	10

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

// Pad with zeros
'5'.padStart(3, '0');    // '005'
'42'.padStart(3, '0');   // '042'

// Right-align
'hello'.padEnd(10, '.');  // 'hello.....'

PadStart Usenumber 3 digit(001shape notation) to format..

.. with Phonenumber. bottom4 digit except *.

PadEnd and padStart combination, reshi-t style. Output simul-tion..

String padStart() and padEnd() の活用

文字列を指定した長さまでパディングするメソッド。padStart と padEnd を提供。