📝

JavaScript-- padStar&padEnd メソッドの使い方

2022/02/10に公開

padStar
メソッドは書式の先頭に桁数が足りない時に増やしたい桁数だけ 任意の文字 を増やすことができます。

padStar
メソッドは書式の末尾に桁数が足りない時に増やしたい桁数だけ 任意の文字 を増やすことができます。

二つ違いは先頭に追加したいのか、末尾に追加したいのかの違いになります。

例)時間表示 ⇨   8 時 5 分
上記の表示を 08 時 05 分と表示する。

padStar メソッドを使用するときは string 型に変換する必要があります。

String.prototype.padStart()

const hour = 8
const minutes = 5

//- 第1引数で何文字表示させるか?
//- 第2引数で何を表示させるか?
const padhour = String(hour).padStart(2, '0');
const padminutes = String(minutes).padStart(2, '0');

//- '08時05分'
console.log(`${padhour}${padminutes}`);

padStart()は結果の文字列が指定した長さになるように
繰り返し延長します。

String.prototype.padEnd()

const str = "123"

//'-abcdefg123'
console.log(str.padStart(10, 'abcdefghij'))

padStarと同様に文字列が指定した長さになるように
繰り返し延長します。

Discussion