Como verificar se texto tem uppercase em JavaScript

Neste artigo você vai aprender a como verificar se texto tem uppercase em JS, ou seja, se ele tem letras em caixa alta

Fala programador(a), beleza? Bora aprender mais sobre strings em JavaScript!

Para resolver este problema vamos criar uma função, esta função receberá o texto

Este texto será validado com duas funções toLowerCase e toUpperCase

Se ele for igual a toLowerCase, temos um texto em caixa baixa

Já ao contrário teremos um texto em uppercase, e a função acusará como falso, pois não é lowercase

Veja um exemplo de código:

function isLowerCase(text) {
    return text === text.toLowerCase() && text !== text.toUpperCase();
}

console.log(isLowerCase("testando")) // true
console.log(isLowerCase("TesTando")) // false
console.log(isLowerCase("É acentuado")) // false
console.log(isLowerCase("é acentuado")) // true
console.log(isLowerCase("exemplo X")) // false

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

474 aulas
20 projetos
39h 27min

A função é capaz de identificar até strings com acentuação, o que as vezes é trabalhoso

Desta forma temos resultados como true para textos em caixa baixa e false para caixa alta

Assim conseguimos identificar se algum dos caracteres do texto está em caixa alta

Conclusão

Neste artigo você viu como verificar se texto tem uppercase em JavaScript

Basicamente criamos uma funçao que compara textos em lower e uppercase, com as funções da própria linguagem

Assim tendo um retorno positivo ou negativo, através de booleanos, dependendo do que foi passado para a nossa função

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

Subtítulo: Como verificar se o texto TEM alguma letra maiúscula:

Mas as vezes tu só quer saber uma coisa mais direta: existe pelo menos UMA letra maiúscula aqui dentro?

Pra isso dá pra usar uma expressão regular, que é bem mais enxuto

function temMaiuscula(text) { }

console.log(temMaiuscula("testando")) // false console.log(temMaiuscula("TesTando")) // true console.log(temMaiuscula("exemplo X")) // true

O método test devolve true assim que acha o primeiro caractere de A a Z em caixa alta

É como perguntar pro texto ‘tem alguma letra grande aí?’ e ele responde sim ou não na hora

Subtítulo: E as letras acentuadas (À, É, Ç)?

Se o teu texto começa com ‘Área’ ou ‘Índice’, o A maiúsculo é pego, mas um Ç ou um É sozinho pode escapar dependendo do caso

Pra cobrir acento também dá pra comparar o caractere com a versão minúscula dele, igual a ideia da função lá de cima

function temMaiuscula(text) { return text !== text.toLowerCase(); }

console.log(temMaiuscula("área")) // false console.log(temMaiuscula("Área")) // true console.log(temMaiuscula("ÍNDICE")) // true

Aqui a lógica é simples: se o texto muda quando tu joga tudo pra minúsculo, é porque tinha alguma letra grande no meio (com acento ou não)

Subtítulo: Perguntas frequentes:

Compara o texto com a versão em caixa alta dele: se for igual, está tudo em uppercase

function isUpperCase(text) { return text === text.toUpperCase() && text !== text.toLowerCase(); }

console.log(isUpperCase("TESTANDO")) // true console.log(isUpperCase("Testando")) // false

Dá pra saber a posição da primeira letra maiúscula? Dá sim, com o search e uma regex: ele devolve o índice do primeiro caractere de A a Z em caixa alta, ou -1 se não achar nenhum

Qual a diferença entre toUpperCase e toLowerCase? toUpperCase transforma tudo em caixa alta e toLowerCase em caixa baixa; a gente não muda o texto de verdade, só usa essas versões pra COMPARAR e descobrir em que caixa ele está