Maison > interface Web > js tutoriel > le corps du texte

Comment mettre en majuscule la première lettre de chaque mot dans une chaîne avec JavaScript ?

Linda Hamilton
Libérer: 2024-10-23 11:38:18
original
534 Les gens l'ont consulté

How to Capitalize the First Letter of Each Word in a String with JavaScript?

Mise en majuscule de la première lettre de chaque mot dans une chaîne avec JavaScript

En JavaScript, la mise en majuscule de la première lettre de chaque mot dans une chaîne peut être atteint grâce à plusieurs méthodes. Une approche courante consiste à utiliser une fonction qui transforme la chaîne donnée en casse de titre.

Explorons un exemple de code qui illustre cette technique :

<code class="js">function titleCase(str) {
  var splitStr = str.toLowerCase().split(" ");
  for (var i = 0; i < splitStr.length; i++) {
    splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);  
  }
  return splitStr.join(" "); 
}</code>
Copier après la connexion

Dans cette fonction, la chaîne d'entrée 'str ' est d'abord converti en minuscules à l'aide de 'toLowerCase()'. Ensuite, la chaîne est divisée en un tableau de mots en utilisant 'split(" ")'. Pour chaque mot du tableau, le premier caractère est mis en majuscule en utilisant 'charAt(0).toUpperCase()' et ajouté au reste du mot en utilisant 'substring(1)'.

Le tableau modifié des majuscules Les mots sont ensuite réunis dans une chaîne à l'aide de 'join(" ")' et renvoyés comme résultat, qui sera affiché dans la casse du titre.

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
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!