Maison > interface Web > js tutoriel > Comment mettre en majuscule uniquement la première lettre d'une chaîne en JavaScript ?

Comment mettre en majuscule uniquement la première lettre d'une chaîne en JavaScript ?

Linda Hamilton
Libérer: 2024-12-16 04:30:14
original
569 Les gens l'ont consulté

How do I Capitalize Only the First Letter of a String in JavaScript?

Mise en majuscule de la première lettre d'une chaîne en JavaScript

Question :Comment JavaScript peut-il être utilisé pour mettre uniquement en majuscule le première lettre d'une chaîne, laissant le reste inchangé, quelle que soit sa casse initiale ? Par exemple :

  • "ceci est un test" devrait devenir "Ceci est un test"
  • "la Tour Eiffel" devrait devenir "La Tour Eiffel"
  • "/index.html" doit rester inchangé

Réponse : Pour mettre efficacement en majuscule uniquement la première lettre d'un string, JavaScript fournit une solution élégante grâce à sa fonction capitalizeFirstLetter :

function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}
Copier après la connexion

Cette fonction utilise deux méthodes de chaîne :

  • charAt(0) récupère le premier caractère de la chaîne d'entrée.
  • slice(1) crée une nouvelle chaîne contenant tous les caractères sauf le premier.

Le résultat combine les premier caractère majuscule avec la chaîne d'origine, mettant effectivement en majuscule uniquement la lettre initiale. Contrairement à la modification de String.prototype, cette approche offre une maintenabilité améliorée en évitant les conflits potentiels.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal