JavaScript

Converter cada primeira letra de cada palavra em maiúscula

1 de dezembro de 2020

Converter cada primeira letra de cada palavra em maiúscula

Neste artigo você vai aprender como converter cada primeira letra de cada palavra em maiúscula com JavaScript puro, de maneira fácil

Converter cada primeira letra de cada palavra em maiúscula capa

Veja o conteúdo em vídeo:

Fala programador(a), beleza? Bora aprender mais sobre como converter a primeira letra de uma string!

Para resolver este problema, vamos converter toda a string para caixa baixa, ou seja lower case

Depois vamos identificar a primeira letra de cada palavra, através de uma expressão regular

E substituir esta letra, por uma letra maiúscula

Veja o código:

var texto = "testando uma string";
var texto2 = "TESTANDO OUTRA STRING";
function capitalizeFirst(str) {
  var subst = str.toLowerCase().replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); });
  return subst;
}
console.log(capitalizeFirst(texto)); // "Testando Uma String"
console.log(capitalizeFirst(texto2)); // "Testando Outra String"

Veja que qualquer string é possível, seja ela formada apenas de letras maiúsculas ou minúsculas

Como também se estivessem embaralhadas

Então desta forma conseguimos retornar a frase com apenas a primeira letra em maiúsculo com JavaScript

Vale ressaltar que as regex nos ajudam demais em manipulação de string, segue um artigo também para validação de e-mail com expressão regular, recomendo muito a leitura

Conclusão

Neste artigo vimos como converter cada primeira letra de cada palavra em maiúscula com JavaScript puro

Utilizamos uma função que transformar toda a string em lower case

Depois por meio de uma regex, filtramos a primeira letra e mudamos ela para maiúscula

Desta maneira temos a string retornada só com a primeira letra de cada palavra em caixa alta

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest
2 Comentários
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
matheu

gente alguém pode me dizer como deixar a primeira ledra masiúscula no javascript sem usar html

Battisti

opa, você pode recortar a primeira letra da string, colocar o método uppercase e depois concatenar novamente com a string…

2
0
Would love your thoughts, please comment.x