Comment capturer la première lettre d'une chaîne de caractères en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Comment capturer la première lettre …
Kirill Ibrahim 12 octobre 2023
JavaScript JavaScript String
  1. Utilisez les méthodes toUpperCase() et slice() pour mettre en majuscule la première lettre en JavaScript
  2. Utilisez toUpperCase() avec charAt() pour mettre en majuscule la première lettre en JavaScript
  3. Utilisez toUpperCase() et replace() pour capturer la première lettre en JavaScript
Comment capturer la première lettre d'une chaîne de caractères en JavaScript

Il existe plusieurs façons de mettre en majuscule la première lettre de la chaîne en JavaScript.

Par exemple :

  • "this is an example" -> "This is an example"
  • "the Atlantic Ocean" -> "The Atlantic Ocean"

Utilisez les méthodes toUpperCase() et slice() pour mettre en majuscule la première lettre en JavaScript

La méthode toUpperCase() transforme toutes les lettres d’une chaîne de caractères en majuscules ; nous l’utiliserons en combinaison avec d’autres fonctions JavaScript pour atteindre le but recherché.

La méthode slice(start,end) extrait une section d’une chaîne de caractères et la retourne sous la forme d’une nouvelle chaîne.

Le paramètre requis est start. Il s’agit de la position où doit commencer la tranche de la chaîne.

Le paramètre end est facultatif. C’est la position où se termine la tranche de chaîne. Si ce paramètre est omis, slice() se termine à la fin de la chaîne.

Exemple :

<!DOCTYPE html>   
<html>   
    <head>  
        <title></title> 
    </head>  
        
    <body style = "text-align:center;">     
          
        <input id = "input" type="text" name="input"/>  
        <button onclick="capitalizeString()">  
            Capitalize 
        </button>  
        <h3 id = "modified-string" > 
        </h3> 
            
        <script>  
         
        function capitalizeString() {
          let input = document.getElementById("input"); 
          let headingElement = document.getElementById("modified-string"); 
          let string = input.value; 
          headingElement.innerHTML = string[0].toUpperCase() +  
            string.slice(1); 
        } 
        </script>  
    </body>   
</html>

Production:

JavaScript captivera la première lettre d&rsquo;une chaîne de caractères

Autre exemple :

// shortened version
function capitalize(sentence) {
  return sentence && sentence[0].toUpperCase() + sentence.slice(1);
}

Utilisez toUpperCase() avec charAt() pour mettre en majuscule la première lettre en JavaScript

La méthode charAt() retourne le caractère de l’index spécifié dans une chaîne de caractères. L’index commence à 0.

Exemple :

// We will use the same html above
function capitalizeString() {
  let input = document.getElementById('input');
  let headingElement = document.getElementById('modified-string');
  let string = input.value;
  headingElement.innerHTML = string.charAt(0).toUpperCase() + string.slice(1);
  ;
}

Utilisez toUpperCase() et replace() pour capturer la première lettre en JavaScript

Le replace() est une méthode intégrée dans JavaScript qui recherche dans la chaîne donnée une valeur spécifiée ou un modèle d’expression régulière, la remplace et retourne une nouvelle chaîne.

Syntaxe JavaScript replace() :

string.replace(paramA, paramB)

Ici, le paramA est une valeur ou une expression régulière, et paramB est une valeur pour remplacer paramA par.

Note : La chaîne originale reste inchangée, et la valeur retournée est une nouvelle chaîne avec des éléments remplacés.

Exemple rapide sur la méthode replace() :

function replaceFunction() {
  let str = 'Google Event';
  let res = str.replace('Google', 'Microsoft');
  console.log(res)
}
replaceFunction();

function replaceAllFunction() {
  let str = 'Google Event will be in Headquarters of Google';
  let res = str.replace(/Google/g, 'Microsoft');
  console.log(res)
}
replaceFunction();

Note : La méthode replace() ne remplace que la première instance par défaut. Nous devons utiliser le modificateur global de l’expression régulière (g) pour remplacer toutes les occurrences.

Exemple :

// We will use the same html above
function capitalizeString() {
  let input = document.getElementById('input');
  let headingElement = document.getElementById('modified-string');
  let string = input.value;
  headingElement.innerHTML = string.replace(/^./, string[0].toUpperCase());
}

/^./ représente la première lettre de la chaîne de caractères. Pour en savoir plus sur les expressions régulières, consultez le Tutoriel RegExp et la Référence de l’objet RegExp.

Article connexe - JavaScript String