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 thepadLength
for 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 é ‘ ‘. SepadString
for maior quepadLength
,padString
será 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()
.