Manipulação De Strings Em Javascript

Em nossos códigos, frequentemente precisamos fazer operações com textos que guardamos em variáveis do tipo string.

Nesse vídeo eu vou te mostrar algumas formas que temos de trabalhar com as strings em Javascript.

Vamos conversar sobre manipulação de strings em Javascript.

Manipulação De Strings Em Javascript

Já sabemos o que é uma string. Até brincamos um pouco com elas: criamos, utilizamos códigos de escape, concatenamos e cortamos variáveis.

Mas vão existir momentos em que precisaremos fazer mais.

Imagina um sistema onde o usuário entra com o nome da rua onde ele mora. Posteriormente, vamos validar esse nome com o cadastro de ruas do Correio para ter certeza de que o endereço é verdadeiro.

Provavelmente iremos procurar uma rua na base dos Correios com o mesmo nome que o usuário informou.

Se essa consulta a base não retornar nenhum registro, como saberemos que o nome da rua não existe nesta base?

Porque não sabemos de que forma o usuário informou este nome. Ele pode ter colocado tudo em minúsculas, colocado tudo em maiúsculas… são muitas possibilidades.

Se a base de dados estiver configurada para Case Sensitive, ou seja, diferenciando maiúsculas de minúsculas, essa busca nunca retornará nada se os nomes não estiverem absolutamente iguais, com as mesmas letras maiúsculas/minúsculas.

Neste caso, o que poderíamos fazer? Poderíamos consultar a base utilizando sempre letras maiúsculas, assim saberíamos que se a consulta não retornar registros, o nome estaria errado, inváildo.

É por isso que em várias ocasiões precisaremos trabalhar as strings para podermos utilizar dentro do nosso código. E para isso já existem vários métodos embutidos (built-in) de manipulação de strings em Javascript.

Vamos ver então alguns desses métodos?

Tamanho Da String – length()

A palavra length significa comprimento e é exatamente isso que o método nos dá: o comprimento de uma determinada string.

Veja um exemplo:

//length()
var str = "Exemplo De String";

console.log(str.length);

O código acima retorna o número 17.

Retorna Caractere Da String – [índice]

Você já sabe que uma string é uma cadeia de caracteres.

Mas o que você talvez não saiba é que, nos bastidores, uma string na realidade é um array de caracteres. Em cada posição temos o caractere que compõe a string.

E já conversamos aqui sobre o que é um array.

Desta forma, para sabermos qual caractere está em determinada posição dentro da string, basta utilizar a notação de colchetes, assim:

//[index]
var str = "Exemplo De String";

console.log(str[3]);

Este código retorna m.

Lembre-se que arrays em Javascript começam em 0 (zero).

String Em Minúsculas – toLowerCase()

Existem ocasiões em que precisamos deixar o texto da string todo em letras minúsculas.

Para estes casos, temos a nossa disposição o método toLowerCase.

“To lower case” significa isto mesmo: para minúsculas.

//toLowerCase
var str = "Exemplo De String";

console.log(str);
console.log(str.toLowerCase());

A saída do código acima é:

exemplo de string

String Em Maiúsculas – toUpperCase()

Assim com teremos necessidade de colocar o texto todo em minúsculas, existirão casos em que precisaremos fazer o contrário: colocar tudo em maiúsculas.

E para isso temos o método toUpperCase(), e “to upper case” significa isso mesmo: Para maiúsculas.

Veja o exemplo abaixo:

//toUpperCase
var str = "Exemplo De String";

console.log(str);
console.log(str.toUpperCase());

Como resultado deste código temos:

EXEMPLO DE STRING

Palavras Finais

Hoje vimos alguns métodos de manipulação de strings em Javascript.

Apresentei aqui apenas alguns, justamente para manter nosso bate papo curto.

Pois existem vários métodos de manipulação de strings em Javascript que utilizamos em nossos programas.

Se você sentiu falta de algum método de manipulação de string comenta aí embaixo. Então numa próxima oportunidade podemos ver mais alguns desses métodos.