Métodos de strings em JavaScript

Quais os métodos de strings que você pode utilizar em JavaScript?

Aqui mostraremos para que fique fácil você entender.

const nome = "'Teste do Blog da Informática"

Constante chamada nome atribuída com o valor entre aspas duplas.

nome.length; // 28

length retorna o tamanho da string.

nome.endsWith("a") // true (verdadeiro)

endsWith é uma condicional que retorna se termina com “a”, no caso nosso termina. Poderia usar também “ca” que retornaria verdadeiro.

nome.charAt(3) // t

charAt retorna o caracter na posição X, mas esse contador inicia-se em zero, portanto zero é T, 1 é e, 2 é s e 3 é t

nome.includes("do"); // true (verdadeiro)

includes é o condicional que retorna se o caractere (ou conjunto) está incluso na string

nome.indexOf("B") // 9

indexOf retorna a posição da primeira ocorrência da string, começando a contar por zero

nome.repeat(3) // "Teste do Blog da InformáticaTeste do Blog da InformáticaTeste do Blog da Informática"

repeat repete quantas vezes você quiser a string

nome.replace("'do", "de") // "Teste de Blog da Informática"

replace troca a primeira string pela segunda

nome.slice(6,12) // "de Blog"

slice faz uma “fatia” da sua string, pega do primeiro número (índice) até o último

nome.split(" "); // ["Teste", "do", "Blog", "da", "Informática"]

split cria uma matriz (array) para cada item que ele separar. No caso, separamos pelo espaço em branco

nome.startsWith("Teste"); // true (verdadeiro)

startsWith é uma condicional que retorna quando a string começa com alguma string que você passou como parâmetro

nome.substring(6,12); // "de Blog"

substring é bem parecido com o slice, porém existem diferenças. Veja no final do post*

nome.substr(3,4); // "te d"

substr é um pouco diferente do substring e do slice. A contagem do segundo parâmetro é contínuo em relação ao primeiro. Isto é, se fosse substring (ou slice) 3,4 pegaria do 3 ao 4 (2 caracteres). No caso de substr ele começa no 3 e pega os 4 próximos.

nome.toLowerCase(); // "'teste do blog da informática"

toLowerCase muda tudo para caixa baixa (minúsculas)

nome.toUpperCase(); // "'TESTE DO BLOG DA INFORMÁTICA"

toUpperCase muda tudo para caixa alta (maiúsculas)

"   Teste   ".trim(); // "Teste"

trim tira todos os espaços em branco no início e final da string

Diferenças entre o substring e o slice no JavaScript

Por mais que pareçam iguais, o substring e o slice tem suas diferenças, e vamos explicar:

Na sintaxe: nome.substring(inicio, fim) ou nome.slice(inicio,fim)

O que elas são iguais:

• Se o começo e final são iguais, eles retornam uma string vazia
• Se você não colocar o final, eles vão resultar no pedaço da string do início que você colocou até o final dela
• Se algum argumento for maior que o tamanho da string, o tamanho da string será respeitado.

Diferenças:

• Se o início for maior que o fim, o substring inverterá os parâmetros e o slice retornará uma string vazia
• Se algum argumento for negativo ou NaN, o substring o tratará como zero.
• Se o início for negativo, a contagem dos caracteres será do fim para o início no slice
• Se o fim for negativo, o final será determinado por nome.lenght – Math.abs(fim), ou seja, o tamanho da string menos o valor absoluto de fim (valor absoluto é desconsiderando o sinal.)

Bom, um abraço a todos e boa programação!