Widely available すべての主要ブラウザで対応済み。安心して使用可能。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
57
15
48
10
57
10
ビルトインオブジェクト

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.....'

ライブデモ

Number. rofill

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

プレビュー全画面表示

info. msking

.. with Phonenumber. bottom4 digit except *.

プレビュー全画面表示

right aligned. layout

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

プレビュー全画面表示

実務での使いどころ

  • String padStart() and padEnd() の活用

    padEnd() は String 値のメソッドで、結果の文字列が指定した長さになるように、現在の文字列を他の文字列で(必要に応じて繰り返して)延長します。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。