Métodos de string para saber em JavaScript

Trabalhar com strings sem conhecer os métodos será um pesadelo para os desenvolvedores.

Para acabar com esses pesadelos, precisamos conhecer as propriedades e métodos mais essenciais de strings em JavaScript.

Vamos explorá-los um por um.

comprimento

A propriedade length retorna o comprimento da string.

const company = "etechpt.com";

console.log(company.length);

toUpperCase()

O método toUpperCase transforma todos os caracteres na string em letras maiúsculas e as retorna. Não altera a string original.

const company = "etechpt.com";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

O método toLowerCase transforma cada caractere na string em minúsculo e o retorna. Não altera a string original.

const company = "etechpt.com";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

aparar()

O método trim remove os espaços em branco iniciais e finais da string. É uma operação no local, ou seja, atualiza a string original.

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

charAt(índice)

O método charAt retorna o caractere no índice fornecido. Ele retorna uma string vazia se o índice não for válido.

const company = "etechpt.com";

console.log(company.charAt(2));
console.log(company.charAt(10));

charCodeAt(índice)

O método charCodeAt retorna o código ASCII do caractere no índice fornecido. Retorna NaN se o índice não for válido.

const company = "etechpt.com";

console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));

slice(startIndex, endIndex)

O método slice retorna a substring da string de startIndex a endIndex (não incluindo). A string.slice(0, 6) retorna a substring do 0º ao 5º índice.

const company = "etechpt.com";

console.log(company.slice(0, 4));

O método slice também aceitará um argumento sing. Se você passar um único argumento para o método slice, ele retornará a substring do índice fornecido para o final da string.

const company = "etechpt.com";

console.log(company.slice(4));

A fatia do método também aceitará índices negativos. Os índices negativos são contados a partir do final da string. Vamos ver um exemplo, pois é novo para a maioria das pessoas.

Dada a string etechpt.com, os índices negativos são

G = -9, e = -8, e = -7, k = -6

e assim por diante…

O código string.slice(-9, -5) retornará Geek para o exemplo acima.

const company = "etechpt.com";

console.log(company.slice(-9, -5));

O código string.slice(-5) retornará Flare para o exemplo acima.

const company = "etechpt.com";

console.log(company.slice(-5));

Observação: a indexação negativa não funcionará no IE8 e em versões anteriores.

substr(inícioIndex, comprimento)

O método substr é semelhante ao método slice. A única diferença é que o método substr aceita o comprimento da substring que precisa ser extraído da string original.

const company = "etechpt.com";

console.log(company.substr(4, 5));

Existe outro método chamado substring que é semelhante ao método slice. Porém, a substring do método não aceitará índices negativos. Experimente.

replace(substring, newSubstring)

O método replace substitui a primeira instância da substring pela newSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "etechpt.com"));

indexOf(substring)

O método indexOf retorna o índice inicial de um determinado caractere da string. Ele retornará -1 se o caractere não estiver presente na string.

const company = "etechpt.com";

console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));

O método indexOf aceitará o segundo argumento que é um índice a partir do qual a pesquisa começa para a substring dada.

const company = "etechpt.com";

console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));

Existe outro método chamado lastIndexOf que é semelhante ao método indexOf. A única diferença é que o método lastIndexOf busca o caractere a partir do final da string e retorna o índice da primeira instância do caractere. Experimente para o código company.lastIndexOf(‘e’).

split(substring)

O método split divide a string dada na substring e retorna as partes como um array.

const statement = "Visit, the, site, etechpt.com";

console.log(statement.split(" "));
console.log(statement.split(", "));

Conclusão

Este não é o fim. Explore os métodos restantes das strings da documentação. Pode haver outros métodos que são úteis em casos específicos.

Pesquise e use-os em seu caso específico, se não estiver listado aqui.

Codificação feliz 🙂

Em seguida, explore algumas das estruturas populares de JavaScript.