Como converter uma string para título com JavaScript

Neste artigo você vai aprender a converter uma string para título com JS, ou seja, deixar apenas a primeira letra maiúscula

Fala programador(a), beleza? Bora aprender mais sobre string e JavaScript!

Para resolver este problema vamos precisar extrair a primeira letra da string, e também normalizar o resto

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 116 aulas
• 4 projetos
• 9h 23min

Conhecer formação

Então seja a string toda maiúscula ou minúscula, vamos conseguir obter êxito

Nós vamos criar uma função, pois poderemos reutilizá-la ao longo do nosso programa

Veja o código necessário:

function titleString(txt) {
  return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
}

console.log(titleString("testando AQUI!")) // "Testando aqui!"
console.log(titleString("MEU TITULO EM CAPS!")) // "Meu titulo em caps!"
console.log(titleString("e agora, será que vai?")) // "E agora, será que vai?"

Veja que conseguimos converter qualquer tipo de texto para o formato de título com JS puro

Passamos o texto como argumento da função, que separar ele em duas partes

A primeira é a primeira letra, que fica em caixa alta

Já a segunda parte é o resto do texto, que é normalizado para caixa baixa

E assim conseguimos obter o resultado esperado!

Conclusão

No artigo de hoje você aprendeu a como converter uma string para título em JavaScript

Utilizamos uma função para isso, separa a string em duas partes

• A primeira letra: que vira maiúscula
• O resto do texto: que é normalizado para lowercase

E assim obtemos um título da string enviada 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!