JavaScript

Como converter uma string para título com JavaScript

8 de novembro de 2021

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

converter uma string para título capa

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!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x