Em JavaScript, trabalhar com strings é uma tarefa frequente. A linguagem oferece diversos métodos para manipular e processar strings de forma eficiente. Este artigo apresenta os principais métodos disponíveis para strings no JavaScript, juntamente com exemplos práticos para facilitar o entendimento e a aplicação dessas funcionalidades.

Comprimento da String

Para obter o número de caracteres em uma string, utiliza-se a propriedade length.

const texto = "Olá, Mundo!";
console.log(texto.length);  // Resultado: 13

Busca em Strings

indexOf

O método indexOf retorna o índice da primeira ocorrência de uma substring dentro de uma string.

const texto = "Olá, Mundo!";
console.log(texto.indexOf("Mundo"));  // Resultado: 4

lastIndexOf

O método lastIndexOf encontra a posição da última ocorrência de uma substring.

const texto = "Olá, Mundo! Olá!";
console.log(texto.lastIndexOf("Olá"));  // Resultado: 10

includes

O método includes verifica se uma string contém uma substring específica.

const texto = "Olá, Mundo!";
console.log(texto.includes("Mundo"));  // Resultado: true

startsWith

O método startsWith determina se uma string começa com uma determinada substring.

const texto = "Olá, Mundo!";
console.log(texto.startsWith("Olá"));  // Resultado: true

endsWith

O método endsWith verifica se uma string termina com uma substring específica.

const texto = "Olá, Mundo!";
console.log(texto.endsWith("Mundo!"));  // Resultado: true

Extração de Substrings

slice

O método slice extrai uma parte da string entre dois índices especificados.

const texto = "Olá, Mundo!";
console.log(texto.slice(4, 9));  // Resultado: Mundo

substring

O método substring também extrai uma parte da string, mas não aceita índices negativos.

const texto = "Olá, Mundo!";
console.log(texto.substring(4, 9));  // Resultado: Mundo

</ div> ### substr

O método substr extrai uma substring a partir de um índice inicial e um comprimento definido.

const texto = "Olá, Mundo!";
console.log(texto.substr(4, 5));  // Resultado: Mundo

Modificação de Strings

replace

O método replace substitui a primeira ocorrência de uma substring por outra.

const texto = "Olá, Mundo!";
const novoTexto = texto.replace("Mundo", "JavaScript");
console.log(novoTexto);  // Resultado: Olá, JavaScript!

replaceAll

O método replaceAll substitui todas as ocorrências de uma substring por outra.

const texto = "Olá, Mundo! Mundo!";
const novoTexto = texto.replaceAll("Mundo", "JavaScript");
console.log(novoTexto);  // Resultado: Olá, JavaScript! JavaScript!

</ div>### toUpperCase

O método toUpperCase converte todos os caracteres da string para maiúsculos.

const texto = "Olá, Mundo!";
console.log(texto.toUpperCase());  // Resultado: OLÁ, MUNDO!

</ div>### toLowerCase

O método toLowerCase converte todos os caracteres da string para minúsculos.

const texto = "Olá, Mundo!";
console.log(texto.toLowerCase());  // Resultado: olá, mundo!

</ div>### trim

O método trim remove espaços em branco do início e do fim da string.

const texto = "   Olá, Mundo!   ";
console.log(texto.trim());  // Resultado: Olá, Mundo!

</ div>### trimStart e trimEnd

Os métodos trimStart e trimEnd removem espaços em branco apenas do início ou do fim da string, respectivamente.

const texto = "   Olá, Mundo!   ";
console.log(texto.trimStart());  // Resultado: Olá, Mundo!   
console.log(texto.trimEnd());    // Resultado:    Olá, Mundo!

</ div>Divisão e Concatenação de Strings

split

O método split divide uma string em um array com base em um separador.

const texto = "Olá, Mundo!";
const partes = texto.split(", ");
console.log(partes);  // Resultado: ["Olá", "Mundo!"]

</ div>### concat

O método concat permite concatenar duas ou mais strings.

const str1 = "Olá";
const str2 = "Mundo";
const resultado = str1.concat(", ", str2, "!");
console.log(resultado);  // Resultado: Olá, Mundo!

</ div>Acesso a Caracteres

charAt

O método charAt retorna o caractere localizado em um índice específico.

const texto = "Olá, Mundo!";
console.log(texto.charAt(4));  // Resultado: M

</ div> </ div>### charCodeAt

O método charCodeAt retorna o valor Unicode do caractere na posição especificada.

const texto = "Olá, Mundo!";
console.log(texto.charCodeAt(4));  // Resultado: 77

</ div> </ div>### at

O método at retorna o caractere em uma posição específica, permitindo índices negativos.

const texto = "Olá, Mundo!";
console.log(texto.at(4));  // Resultado: M
console.log(texto.at(-1)); // Resultado: !

</ div> </ div>Resumo dos Métodos

Método	Função	Exemplo
length	Retorna o tamanho da string	texto.length
indexOf	Encontra a primeira ocorrência de uma substring	texto.indexOf("Mundo")
lastIndexOf	Encontra a última ocorrência de uma substring	texto.lastIndexOf("Olá")
includes	Verifica se a strinng contém uma substring	texto.includes("Mundo")
startsWith	Verifica se a string começa com uma substring	texto.startsWith("Olá")
endsWith	Verifica se a string termina com uma substring	texto.endsWith("Mundo!")
slice	Extrai uma parte da string	texto.slice(4, 9)
substring	Extrai uma parte da string (sem suporte a índices negativos)	texto.substring(4, 9)
substr	Extrai uma substring a partir de um índice e comprimento	texto.substr(4, 5)
replace	Substitui a primeira ocorrência de uma substring	texto.replace("Mundo", "JavaScript")
replaceAll	Substitui todas as ocorrências de uma substring	texto.replaceAll("Mundo", "JavaScript")
toUpperCase	Converte para letras maiúsculas	texto.toUpperCase()
toLowerCase	Converte para letras minúsculas	texto.toLowerCase()
trim	Remove espaços em branco nas extremidades	texto.trim()
trimStart	Remove espaços em branco do início	texto.trimStart()
trimEnd	Remove espaços em branco do fim	texto.trimEnd()
split	Divide a string em um array	texto.split(", ")
concat	Concatena strings	str1.concat(", ", str2, "!")
charAt	Retorna caractere em um índice específico	texto.charAt(4)
charCodeAt	Retorna valor Unicode do caractere	texto.charCodeAt(4)
at	Retorna caractere com suporte a índices negativos	texto.at(4) e texto.at(-1)