Este blog ilustra o procedimento para capitalizar uma palavra específica em JavaScript, explicando os métodos abaixo:
Como capitalizar dinamicamente uma palavra em JavaScript?
Não há nenhuma propriedade interna ou método JavaScript que possa ser usado para colocar em maiúscula apenas a primeira palavra da string fornecida. No entanto, há algumas abordagens que podem ser modificadas para retornar os resultados desejados. Esses métodos são descritos com sua descrição de código. Vamos prosseguir.
Método 1: Usando o método “slice ()”
Neste método, o “ incitar() ', e ' toUpperCase() ” métodos são usados ao longo do “ fatiar() ” para colocar em maiúscula apenas a primeira palavra ou alguma parte da string conforme necessário ou especificado pelo usuário. Como mostrado no trecho de código abaixo:
< corpo >
< h1 > artigo Linuxhint h1 >
< h4 > Capitalizando a primeira palavra h4 >
< botão ao clicar = 'captalizarPrimeiraPalavra()' > Tente botão >
< p id = 'alvo' > p >
< roteiro >
função captalizePrimeiraPalavra ( ) {
deixar dados = incitar ( 'Por favor, digite a string' , 'João Wick' ) ;
const wordEndIndex = incitar ( 'Insira o intervalo final' , '5' ) ;
vamos primeiroPalavra = dados. fatiar ( 0 , wordEndIndex ) ;
deixe rem = dados. substituir ( primeira palavra , '' ) ;
se ( dados != nulo ) {
documento. getElementById ( 'alvo' ) . HTML interno = 'A primeira palavra agora está em maiúscula: ' + primeira palavra. para Maiúsculas ( ) + rem ;
}
}
roteiro >
corpo >
Explicação do código:
- Primeiro, é declarado o elemento de botão que chama o método “ captalizePrimeiraPalavra() ” usando o método “ ao clicar ” ouvinte de evento. O ' p ” elemento também é criado por ter um id de “ alvo ”. Neste elemento HTML “p” a saída é inserida.
- Em seguida, a função “ captalizePrimeiraPalavra() ” corpo é definido dentro do “ ' marcação. Nele, um par de “ incitar() ” são usados para recuperar os dados do usuário sobre a string e o número de índice final para as palavras maiúsculas.
- O ' incitar() ” contém dois parâmetros, o primeiro é a mensagem exibida na tela e o segundo é seu valor padrão.
- Esses valores são armazenados em “ dados ' e ' wordEndIndex ” respectivamente. Em seguida, use o “ fatiar() ” em “data” e corte a parte da string do “ 0 ” index para o número de índice fornecido pelo usuário. Isso separa a primeira palavra da string fornecida que é armazenada na variável “firstWord”.
- Depois disso, utilize o “ substituir() ” na string fornecida para substituir o conteúdo “firstWord” por aspas vazias. Isso modifica a string e agora contém a parte restante depois de remover a primeira palavra que está armazenada na variável “ rem ”
- No final, use o “ se ” para verificar se o “ dados ” variável fornecida pelo usuário está vazia ou não. Se não estiver vazio ou igual a “ nulo ”, em seguida, insira o “ primeira palavra ” e aplique o “ toUpperCase() ” método para ele.
- Ao longo dela, exiba a parte restante que está armazenada no “ rem ' variável.
Após a compilação:
A saída mostra que a primeira palavra da string fornecida agora está em maiúscula.
Método 2: Usando o método “substr ()”
O ' substr() ” pode ser usado para capitalizar apenas a primeira palavra da string fornecida. Isso pode ser feito selecionando apenas a primeira letra separadamente, acessando o número do índice e aplicando o método “toUpperCase()” a ele. Em seguida, anexe a parte restante da string conforme feito no código abaixo:
< h1 > artigo Linuxhint h1 >< h4 > Capitalizando a primeira palavra h4 >
< botão ao clicar = 'captalizarPrimeiraPalavra()' > Tente botão >
< p id = 'alvo' > p >
< roteiro >
função captalizePrimeiraPalavra ( ) {
deixar dados = incitar ( 'Por favor, digite a string' , 'João Wick' )
const wordEndIndex = incitar ( 'Insira o intervalo final' , '5' ) ;
deixe o resultado = dados. substr ( 0 , wordEndIndex ) . para Maiúsculas ( ) + dados. substr ( wordEndIndex ) ;
se ( dados != nulo ) {
documento. getElementById ( 'alvo' ) . HTML interno = 'A primeira palavra agora está em maiúscula como: ' + resultado ;
}
}
roteiro >
Explicação do código acima:
- O código acima é o mesmo descrito no método anterior apenas o “ fatiar() ' e ' substituir() ” é substituído por “ substr() ” método.
- O método “substr()” é aplicado ao “ dados ” variável e a parte da string do “ 0 ” para o índice fornecido é separado. Nesta parte separada que é a primeira palavra, o “ toUpperCase() ” é aplicado para capitalizá-lo.
- Depois disso, o segundo “ substr() ” é usado para selecionar a parte restante do índice fornecido e, em seguida, concatenar o resultado para ambos os métodos.
Após a compilação:
A saída mostra que apenas a primeira palavra da string foi capitalizada
Conclusão
Não há nenhum método interno que possa ser usado para capitalizar apenas a primeira palavra de uma string fornecida dinamicamente. No entanto, o ' fatiar() ' e ' substr() ” métodos podem ser usados junto com a combinação de diferentes métodos como “ incitar() ”, “ substituir() ', e ' toUpperCase() ” para colocar a primeira palavra em maiúscula. Aqui o ' toUpperCase() ” especificamente coloca em maiúscula a primeira palavra dividida. Este post ilustrou os métodos para capitalizar uma palavra em JavaScript.