String padStart() and padEnd()
padEnd() は String 値のメソッドで、結果の文字列が指定した長さになるように、現在の文字列を他の文字列で(必要に応じて繰り返して)延長します。延長は、現在の文字列の末尾から適用されます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 57 | 15 | 48 | 10 | 57 | 10 | |
| ビルトインオブジェクト | ||||||
| padStart() は String 値のメソッドで、指定された文字列でこの文字列をパディングし(必要に応じて繰り返したり切り捨てたりして)、結果の文字列が指定された長さを示すようにします。パディングは、この文字列の先頭から適用されます。 | 57 | 15 | 48 | 10 | 57 | 10 |
基本構文
JAVASCRIPT
// Pad with zeros
'5'.padStart(3, '0'); // '005'
'42'.padStart(3, '0'); // '042'
// Right-align
'hello'.padEnd(10, '.'); // 'hello.....' ライブデモ
実務での使いどころ
-
String padStart() and padEnd() の活用
padEnd() は String 値のメソッドで、結果の文字列が指定した長さになるように、現在の文字列を他の文字列で(必要に応じて繰り返して)延長します。
注意点
- 特になし。すべての主要ブラウザで安定して動作する。
アクセシビリティ
- JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。