Preenchendo uma string até um determinado comprimento com outra string

Resumo : neste tutorial, você aprenderá como preencher uma string com outra string até um determinado comprimento.

String.prototype.padStart()

O padStart()método preenche uma string com outra string até um determinado comprimento desde o início da string e retorna uma string resultante que atinge um determinado comprimento. O seguinte ilustra o padStart()método:

String.prototype.padStart(padLength [,padString]);
Linguagem de código:  CSS  ( css )

O padStart()método leva dois parâmetros:

• O padLengthé o comprimento da string resultante depois de preenchida. Se the padLengthfor menor que o comprimento da string, a string será retornada como está, sem preenchimento.
• O padStringé um argumento opcional usado para preencher a string. O valor padrão para este parâmetro é ‘ ‘. Se padStringfor maior que padLength, padStringserá truncado e apenas a parte mais à esquerda será preenchida.

Exemplos de String.prototype.padStart()

Suponha que você queira uma string numérica com 8 caracteres. Para a string cujo comprimento é menor que 8, ela será preenchida com zeros (0).

let str = '1234'.padStart(8,'0');
console.log(str); // "00001234"
Linguagem de código:  JavaScript  ( javascript )

O exemplo a seguir preenche uma string com espaços porque não passamos a string de preenchimento.

let str = 'abc'.padStart(5);
console.log(str); // "  abc" 
Linguagem de código:  JavaScript  ( javascript )

String.prototype.padEnd()

Semelhante ao padStart()método, o padEnd()método preenche uma string até um determinado comprimento com outra string. No entanto, o padEnd()método é preenchido a partir do final da string. O seguinte mostra a sintaxe do padEnd()método:

String.prototype.padEnd(padLength [,padString]);
Linguagem de código:  CSS  ( css )

Exemplos de String.prototype.padEnd()

Veja o exemplo a seguir:

let str = 'abc'.padEnd(5);
console.log(str); // "abc  "
Linguagem de código:  JavaScript  ( javascript )

Neste exemplo, como não fornecemos o segundo argumento, o padEnd()método usa o espaço ' 'para preencher a 'abc'string. Aqui está outro exemplo:

str = 'abc'.padEnd(5,'*');
console.log(str); // "abc**"
Linguagem de código:  JavaScript  ( javascript )

Neste exemplo, usamos a *string como segundo argumento, a string resultante foi preenchida por duas *strings para ter comprimento 5. E outro exemplo:

str = 'abc'.padEnd(5,'def');
console.log(str); // "abcde"
Linguagem de código:  JavaScript  ( javascript )

Neste exemplo, o comprimento da string resultante deve ser 5, portanto, a string de preenchimento foi truncada ( "f") e apenas sua parte mais à esquerda ( "de") foi preenchida.

Neste tutorial, você aprendeu como preencher uma string até um determinado comprimento com outra string usando os métodos padStart()e padEnd().