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
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!