Maison  >  Article  >  interface Web  >  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
Mary-Kate Olsenoriginal
2024-10-23 11:30:56371parcourir

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"));

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(' '); 
}

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!

Déclaration:
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