JavaScript

Converter texto para caixa baixa em JavaScript (lowercase)

14 de maio de 2021

Converter texto para caixa baixa em JavaScript (lowercase)

Neste artigo você vai aprender a converter texto para caixa baixa em JavaScript, ou seja, em lowercase, com um simples passo!

Converter texto para caixa baixa em JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre strings, funções de string e também JavaScript!

Em todas as linguagens de programação temos funções para cada tipo de dado, ou seja, para textos, números, datas e outros tipos

Em JS não é diferente, temos diversas funções a nossa disposição

Para este caso, vamos aplicar uma função de texto ao que precisamos deixar em lowercase, que por coincidência se chama toLowerCase xD

Bem específica não é?

Porém a aplicação desta função é um pouco diferente, em vez de passar como parâmetro a string, vamos aplicar diretamente na mesma como se fosse um método

Isso se dá por que no JavaScript tudo é objeto!

Veja uma aplicação prática do que foi descrito acima:

const str = "Este Texto Deve Ficar Todo Em Lowercase";

console.log(str.toLowerCase()); // "este texto deve ficar todo em lowercase"

Veja que o texto foi convertido corretamente

A string que está na variável str, teve seu conteúdo de exibição modificado, o valor da variável não foi modificado

Esta função é executada apenas para a exibição, porém podemos atribuir este valor a uma variável também

O importante é entender que ela não altera o valor original da mesma!

Conclusão

Neste artigo você aprendeu a converter texto para caixa baixa em JavaScript

Utilizamos a função de textos chamada toLowerCase, no texto que precisamos deixar em lowercase

Lembre-se que esta função não altera o valor original da variável, apenas nos retorna o valor todo em caixa baixa

Porém você pode inserir este retorno em uma variável, para poder utilizar posteriormente

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x