Mais vendidos

veja mais...

Métodos de strings em JavaScript

Veja os métodos mais utilizados para strings no JavaScript

Publicado

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

  Display Flex para iniciantes

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!

JavaScript

Apoio

Participe da campanha!

Cafézinho

Quer me pagar um café? Pode usar a chave PIX abaixo

Chave PIX e-mail

[email protected]

Vídeos

Assista e se inscreva em nosso canal!

NEWSLETTER

Cadastre-se gratuitamente e fique por dentro de todas as novidades do blog, como dicas e tutoriais.

Não enviamos spams, fique tranquilo

Deixe um comentário

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.