Objetivos
Clique sobre os tópicos listados abaixo para navegar até o conteúdo desejado.
Propriedades da classe String
- Métodos da classe String
Classe String
Anteriormente, estudamos sobre o tipo de dado String suas operações básicos
sobre seus elementos. Nesta parte, vamos aprender os métodos da classe nativa String
para seus elementos. O básico sobre String foi visto em JavaScript Básico: Strings.
Métodos da classe String
A classe String fornece um conjunto de métodos para manipulação strings como concatenação, índice
de caracteres/substrings, preenchimento e outros. Abaixo os métodos disponíveis.
Método |
Descrição |
|
at |
- |
- |
charAt |
Retorna um elemento de uma posição |
Visitar |
charCodeAt |
- |
Visitar |
charPointAt |
- |
Visitar |
concat |
Retorna strings concatenadas |
Visitar |
endsWith |
Verifica se string termina com sequência de caracteres |
Visitar |
fromCharCode |
- |
Visitar |
includes |
Checa existência de uma sequêencia de caracteres |
Visitar |
indexOf |
Retorna índice de uma elemento |
Visitar |
isWellFormed |
- |
Visitar |
lastIndexOf |
Retorna último índice de uma sequência de um padrão. |
Visitar |
localeCompare |
- |
Visitar |
match |
Retorna primeira de um padrão baseado em expressão regular |
Visitar |
matchAll |
Retorna todas as ocorrências baseado em uma expressão regular |
Visitar |
normalize |
- |
- |
padEnd |
Preenche uma string com padrão à direita |
Visitar |
padStart |
Preenche uma string com padrão à esquerda |
Visitar |
raw |
- |
- |
repeat |
Replica N vezes uma string passada como argumento |
Visitar |
replace |
Substitue a primeira ocorrência de uma substring |
Visitar |
replaceAll |
Substistue todas as ocorrências de uma substring |
Visitar |
search |
Verifica a ocorrência de um padrão |
Visitar |
slice |
Copia uma substring |
Visitar |
split |
Divide uma string em tokens |
Visitar |
startWith |
Verifica se uma string começa com um padrão |
Visitar |
substring |
Retorna uma substring |
Visitar |
toLocaleLowerCase |
- |
- |
toLocaleUpperCase |
- |
- |
toLowerCase |
Converte os caracteres para minúscula. |
Visitar |
toString |
- |
- |
toUpperCase |
Converte os caracteres para maiúsculas. |
Visitar |
toWellFormed |
- |
- |
trim |
Remove espaços em branco do ínicio e fim |
Visitar |
trimEnd |
Remove espaços em branco do fim |
Visitar |
trimStart |
Remove espaços em branco do ínicio |
Visitar |
values |
- |
- |
Com o método charAt podemos recuperar um determinado caracter baseado em seu
índice que é passado como argumento.
Sintaxe
nome_variavel.charAt(index);
Onde
index: índice do elementos desejado.
Retorno
String contendo o caractere(UTF-16) contido no índice index ou string vazia caso o caractere não seja encontrado.
Exemplo 1
let obj_str = new String("String");
console.log(obj_str.charAt(0));
Saída
S
O método concat é utilizado para concatenar uma ou mais string retornando uma
nova string.
Sintaxe
nome_variavel.concat(str1, str2, stringN)
Onde
str1..N: strings para concatenação.
Retorno
String contendo str1..N concatenados.
Exemplo 2
let obj_str = "String";
console.log(obj_str.concat(" qualquer", " em javascript"));
Saída
String qualquer em javascript
Utilizando o método endsWith podemos verificar se uma string termina com
determinada sequência de caracteres é passada como argumento.
Sintaxe
nome_variavel.endsWith(searchString, endPosition)
Onde
searchString: String contendo sequência de caracteres para busca.
endPosition: Índice limite para buscar
Retorno
true se variavel termina com serachString, false caso contrário
Exemplo 3
let obj_str = "uma string qualquer";
console.log(obj_str.endsWith("quer"));
Saída
true
Com o método includes, podemos verificar se um string contém um caracter ou
uma sequência de caracteres. Apenas a primeira ocorrência é verificada.
Sintaxe
nome_variavel.includes(searchString)
Onde
searchString: String contendo sequência de caracteres para busca.
Retorno
true se sequência está contida na string, false caso contrário.
Exemplo 4
let obj_str = "uma string qualquer";
console.log(obj_str.endsWith("quer"));
Saída
true
O método concat é utilizado para retornar o índice da primeira ocorrência de um caractere ou
sequência de caracteres contidos em uma string.
Sintaxe
nome_variavel.indexOf(searchString, position)
Onde
searchString: String contendo sequência de caracteres para busca.
position: índice inicial para buscar. O valor padrão é 0.
Retorno
Inteiro contendo índice onde searchString foi encontrada ou -1 caso caso contrário.
Exemplo 5
let obj_str = "uma string qualquer";
console.log(obj_str.indexOf("str"));
Saída
4
Utilizando o método lastIndexOf podemos recuperar o índice da última ocorrência de um caractere
ou sequência de caracteres em uma string.
Sintaxe
nome_variavel.lastIndexOf(searchString,position)
Onde
searchString: String contendo sequência de caracteres para busca.
position: índice inicial para buscar. O valor padrão é 0.
Retorno
true se sequência está contida na string, false caso contrário.
Exemplo 6
let obj_str = "uma string qualquer";
console.log(obj_str.endsWith("quer"));
Saída
15
Com o método match podemos verificar se um string possui regras definidas por
uma expressão regular passada como argumento.
Sintaxe
nome_variavel.match(regex)
Onde
regexp: expressão regular contendo regras.
Retorno
Array contendo substring que atende regexp ou null caso contrário.
Exemplo 7
let obj_str = "abCD1234";
ret = obj_str.match(/[C-D]/);
console.log(ret[0]);
console.log(ret.index);
console.log(ret.input);
Saída
C
2
abCD1234
O método matchAll é utilizado para retornar um objeto iterador contendo todas
as ocorrências que atendem às regras definidas por uma expressão regular que é
passada como argumento.
Sintaxe
nome_variavel.matchAll(regex)
Onde
regexp: expressão regular contendo regras.
Retorno
Um iterável contendo todas as ocorrências que atende regexp ou null caso contrário.
Exemplo 8
let obj = "uma string de string em javascript";
let ret = obj.matchAll(/str/g);
for ( let ch of ret)
console.log(ch);
Saída
[
'str',
index: 4,
input: 'uma string de string em javascript',
groups: undefined
]
[
'str',
index: 14,
input: 'uma string de string em javascript',
groups: undefined
]
Utilizando o método padEnd podemos preencher o fim de uma string com
um ou mais caracteres repetidos até uma determinada quantidade.
Sintaxe
nome_variavel.padEnd(targetLength)
nome_variavel.padEnd(targetLength, padString)
Onde
targetLength: tamanho da string resultado.
padString: string para preenchimento
Retorno
String do tamanho de targetLength com seu fim preenchido com padString.
Exemplo 8
let obj = "ABCD";
let ret = obj.padEnd(8,"0");
console.log(ret);
Saída
ABCD0000
Utilizando o método padStart podemos preencher o início de uma string com
um ou mais caracteres repetidos até uma determinada quantidade.
Sintaxe
nome_variavel.padStart(targetLength)
nome_variavel.padStart(targetLength, padString)
Onde
targetLength: tamanho da string resultado.
padString: string para preenchimento
Retorno
String do tamanho de targetLength com seu início preenchido com padString.
Exemplo 9
let obj = "ABCD";
let ret = obj.padStart(8,"0");
console.log(ret);
Saída
0000ABCD
O método repeat é utilizado para replicar uma string em um determinado número
de vezes.
Sintaxe
nome_variavel.repeat(count);
Onde
count: número de vezes que desejamos replicar uma string.
Retorno
String contendo variavel repetida N vezes baseado em count.
Exemplo 10
let str = "*";
console.log(str.repeat(6));
Saída
*****
Utilizando o método replace podemos substituir um ou mais caracteres contidos
em um string. Apenas a primeira ocorrência será substituída.
Sintaxe
nome_variavel.replace(pattern, replacement);
Onde
pattern: caractere ou sequência de caracteres para buscar
replacement: caractere ou sequência de caracteres para substituição
Retorno
Nova string contendo replacement ou variavel se pattern não for encontrado.
Exemplo 11
let str = "ABCD1234";
console.log(str.replace("1234","EFGH"));
Saída
ABCDEFGH
Com o método search podemos verificar se um string possui regras definidas
por uma expressão regular passada como argumento.
Sintaxe
nome_variavel.search(regexp);
Onde
regexp: expressão regular contendo regras.
Retorno
Inteiro contendo índice da primeira ocorrência.
Exemplo 12
let obj_str = "abCD1234";
ret = obj_str.search(/[C-D]/);
console.log(ret);
Saída
2
O método slice é utilizado para copiar uma substring contida em um string.
A string original não é modificada.
Sintaxe
nome_variavel.slice(indexStart, indexEnd)
Onde
indexStart: índice inicial da substring que será copiada.
indexEnd: índice final da substring que será copiada.
Retorno
String contendo substring definida por indexStart e indexEnd.
Exemplo 13
let obj_str = "ABCD0123456789";
ret = obj_str.slice(0,4);
console.log(ret);
Saída
ABCD
O método split é utilizado separar uma string em substrings com base em um
separador que é passado como argumento.
Sintaxe
nome_variavel.split(separator)
nome_variavel.split(separator, limit)
Onde
separator: separador de substrings.
limit: número de substring para divisão. Opcional
Retorno
Array contendo substrings separadas por separator e limitadas por limit.
Exemplo 14
let obj_str = "uma;string;qualquer";
ret = obj_str.split(";");
console.log(ret);
Saída
[ 'uma', 'string', 'qualquer' ]
Utilizando o método startWith podemos verificar se uma string inicia com
determinada sequência de caracteres que é passada como argumento.
Sintaxe
nome_variavel.startsWith(searchString, position);
Onde
searchString: sequência de caracteres para verificar.
position: posição para iniciar busca. Opcional
Retorno
true se variavel termina com sequencia, false caso contrário.
Exemplo 15
let obj_str = "uma string qualquer";
console.log(obj_str.startsWith("uma"));
Saída
true
O método substring é utilizado para recuperar uma substring contida em
uma string baseado em um índice inicial e final que são passados como argumento.
Sintaxe
nome_variavel.substring(indexStart, indexEnd);
Onde
indexStart: índice inicial da substring que será copiada
indexEnd: índice final da substring que será copiada. Não incluído no intervalo.
Retorno
String contendo uma substring definida por indexStart e indexEnd.
Exemplo 16
let obj_str = "uma;string;qualquer";
ret = obj_str.substring(4,10);
console.log(ret);
Saída
string
O método toLowerCase é utilizado para converter os caracteres de um string
para letras minúsculas(Caixa baixa). Esse método não recebe argumentos.
Sintaxe
nome_variavel.toLowerCase();
Onde
-
Retorno
String variavel convertida em letras minúsculas se possível for a conversão.
Exemplo 17
let obj = "ABCD234";
ret = obj.toLowerCase(obj);
console.log(ret);
Saída
abcd1234
O método toUpperCase é utilizado para converter os caracteres de um string
para letras maiúsculas(Caixa alta). Esse método não recebe argumentos.
Sintaxe
nome_variavel.toUpperCase();
Onde
-
Retorno
String variavel convertida em letras maiúsculas se possível for a conversão.
Exemplo 18
let obj = "abcd1234";
ret = obj.toUpperCase(obj);
console.log(ret);
Saída
ABCD1234
Utilizando o método trim podemos remover espaços em branco de início e fim
de uma string. Esse método não recebe argumentos.
Sintaxe
nome_variavel.trim();
Onde
-
Retorno
String variavel sem espaços em branco no início ou fim.
Exemplo 19
let obj = " ABCD1234 ";
console.log(obj);
ret = obj.trim();
console.log(ret);
Saída
ABCD1234
Com o método trimEnd podemos remover espaços em branco do fim de uma string.
Esse método não recebe argumentos.
Sintaxe
nome_variavel.trimeEnd();
Onde
-
Retorno
String variavel sem espaços em branco do fim.
Exemplo 20
let obj = "ABCD1234 ";
console.log(obj,"|");
ret = obj.trimEnd();
console.log(ret,"|");
Saída
ABCD1234 |
ABCD1234 |
O método trimStart é utilizado para remover espaços em branco do início de uma
string. Esse método não recebe argumentos.
Sintaxe
nome_variavel.trimeStart();
Onde
-
Retorno
String variavel sem espaços em branco do início.
Exemplo 21
let obj = " ABCD1234 ";
console.log(obj);
ret = obj.trim();
console.log(ret);
Saída
ABCD1234
ABCD1234
Histórico de atualizações
- 19/08/2025 - revisão 4 - Ajustes: pontuais, sintaxes e objetivos
- 25/09/2024 - revisão 3 - Correção em descrição métodos em tabela; ajustes pontuais
- 02/09/2024 - revisão 2 - Correção em links de objetivos
- 06/10/2023 - revisão 1 - Correção navegação, erros gramaticais e descrição split, padEnd e repeat
- 31/05/2023 - versão inicial
Os cursos oferecidos nesta página são cursos fornecidos por parceiros. Ao comprar um curso clicando
em seu banner, você está ajudando a manter o projeto TutorialDev vivo. Os sites dos cursos parceiros utilizam cookies.