Maison > interface Web > js tutoriel > Comment mettre en majuscule la première lettre de chaque mot dans une chaîne à l'aide de JavaScript ?

Comment mettre en majuscule la première lettre de chaque mot dans une chaîne à l'aide de JavaScript ?

Mary-Kate Olsen
Libérer: 2024-10-23 11:30:56
original
452 Les gens l'ont consulté

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

Mise en majuscule de la première lettre de chaque mot dans une chaîne à l'aide de JavaScript

Dans la poursuite de la conversion d'une chaîne en casse de titre, un défi peut survenir lorsque la première lettre de chaque mot reste en minuscule. Cet article aborde ce problème et propose une solution complète à l'aide de JavaScript.

Considérons l'exemple suivant :

function titleCase(str) {
  var splitStr = str.toLowerCase().split(" ");

  for (var i = 0; i < splitStr.length; i++) {
    if (splitStr.length[i] < splitStr.length) {
      splitStr[i].charAt(0).toUpperCase();
    }

    str = splitStr.join(" ");
  }

  return str;
}

console.log(titleCase("I'm a little tea pot"));
Copier après la connexion

Une fois exécuté, ce code ne parvient pas à convertir la chaîne en casse de titre et renvoie "Je suis une petite théière" au lieu de "Je suis une petite théière."

Le problème sous-jacent réside dans l'affectation incorrecte des modifications au tableau splitStr. Pour remédier à cela, nous devons réattribuer la lettre majuscule au tableau :

function titleCase(str) {
   var splitStr = str.toLowerCase().split(' ');
   for (var i = 0; i < splitStr.length; i++) {
       // Assign it back to the array
       splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);     
   }
   return splitStr.join(' '); 
}
Copier après la connexion

Cette modification garantit que la première lettre de chaque mot est convertie en majuscule dans le tableau splitStr. Enfin, nous pouvons renvoyer directement la chaîne jointe sans avoir besoin d'affectation de variable supplémentaire.

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