Ce blog illustre la procédure pour mettre en majuscule un mot spécifique en JavaScript en expliquant les méthodes ci-dessous :
Comment capitaliser dynamiquement un mot en JavaScript ?
Il n'y a pas de propriété intégrée ou de méthode JavaScript qui peut être utilisée pour mettre en majuscule uniquement le premier mot de la chaîne fournie. Cependant, il existe quelques approches qui peuvent être modifiées pour renvoyer les résultats souhaités. Ces méthodes sont décrites avec leur description de code. Continuons.
Méthode 1 : Utilisation de la méthode 'slice()'
Dans cette méthode, le « rapide() ', et ' toUpperCase() ” les méthodes sont utilisées le long de la “ tranche() ” méthode pour mettre en majuscule uniquement le premier mot ou une partie de la chaîne selon les besoins ou spécifiés par l'utilisateur. Comme indiqué dans l'extrait de code ci-dessous :
< corps >
< h1 > Article Linuxhint h1 >
< h4 > Capitaliser le premier mot h4 >
< bouton onclick = 'captaliserPremierMot()' > Essayez-le bouton >
< identifiant p = 'cible' > p >
< scénario >
fonction capitalizeFirstWord ( ) {
laisser les données = rapide ( 'Veuillez entrer la chaîne' , 'John Wick' ) ;
constante wordEndIndex = rapide ( 'Entrez la plage finale' , '5' ) ;
laissez le premier mot = données. tranche ( 0 , wordEndIndex ) ;
laissez rem = données. remplacer ( premier mot , '' ) ;
si ( données != nul ) {
document. getElementById ( 'cible' ) . innerHTML = 'Le premier mot est maintenant en majuscule : ' + premier mot. enMajuscule ( ) + rem ;
}
}
scénario >
corps >
Explication du code :
- Tout d'abord, l'élément bouton est déclaré qui appelle le ' capitaliserPremierMot() ' méthode en utilisant le ' sur clic ” écouteur d'événement. Le ' p ' L'élément est également créé en ayant un identifiant de ' cible ”. Sur cet élément HTML 'p', la sortie est insérée.
- Ensuite, la fonction ' capitaliserPremierMot() ' corps est défini à l'intérieur du '
La sortie montre que le premier mot de la chaîne fournie est maintenant en majuscule.
Méthode 2 : Utilisation de la méthode « substr() »
Le ' substr() ” peut être utilisée pour mettre en majuscule uniquement le premier mot de la chaîne fournie. Cela peut être fait en sélectionnant uniquement la première lettre séparément en accédant au numéro d'index et en lui appliquant la méthode 'toUpperCase()'. Ensuite, attachez la partie restante de la chaîne comme indiqué dans le code ci-dessous :
< h1 > Article Linuxhint h1 >
< h4 > Capitaliser le premier mot h4 >
< bouton onclick = 'captaliserPremierMot()' > Essayez-le bouton >
< identifiant p = 'cible' > p >
< scénario >
fonction capitalizeFirstWord ( ) {
laisser les données = rapide ( 'Veuillez entrer la chaîne' , 'John Wick' )
constante wordEndIndex = rapide ( 'Entrez la plage finale' , '5' ) ;
laisser le résultat = données. substr ( 0 , wordEndIndex ) . enMajuscule ( ) + données. substr ( wordEndIndex ) ;
si ( données != nul ) {
document. getElementById ( 'cible' ) . innerHTML = 'Le premier mot est maintenant en majuscule comme suit : ' + résultat ;
}
}
scénario >Explication du code ci-dessus :
- Le code ci-dessus est le même que celui décrit dans la méthode précédente, seul le ' tranche() ' et ' remplacer() ” méthode est remplacé par “ substr() ' méthode.
- La méthode « substr() » est appliquée au « données ' variable et la partie de la chaîne de la ' 0 ” L'index de l'index fourni est séparé. Sur cette partie séparée qui est le premier mot, le « toUpperCase() ” méthode est appliquée pour le capitaliser.
- Après cela, le deuxième ' substr() ” est utilisée pour sélectionner la partie restante de l'index fourni, puis concaténer le résultat pour les deux méthodes.
Après compilation :
La sortie montre que seul le premier mot de la chaîne a été mis en majuscule
Conclusion
Il n'existe aucune méthode intégrée pouvant être utilisée pour mettre en majuscule uniquement le premier mot d'une chaîne fournie de manière dynamique. Cependant, le ' tranche() ' et ' substr() ” les méthodes peuvent être utilisées avec la combinaison de différentes méthodes telles que “ rapide() ”, “ remplacer() ', et ' toUpperCase() ” pour mettre en majuscule le premier mot. Ici le ' toUpperCase() ” La méthode met spécifiquement en majuscule le premier mot découpé. Cet article a illustré les méthodes pour capitaliser un mot en JavaScript.