JavaScript Supprimer le premier caractère de la chaîne de caractères

Kirill Ibrahim 30 janvier 2023
  1. JavaScript substring() Méthode pour supprimer le premier caractère d’une chaîne
  2. Méthode JavaScript slice() pour supprimer le premier caractère de la chaîne
  3. JavaScript replace() Méthode pour supprimer le premier caractère de la chaîne
JavaScript Supprimer le premier caractère de la chaîne de caractères

JavaScript dispose de différentes méthodes pour supprimer le premier caractère d’une chaîne de caractères. Comme les chaînes de caractères sont immuables en JavaScript, l’idée est de créer une nouvelle chaîne. Chaque méthode ci-dessous comporte un exemple de code, que vous pouvez exécuter sur votre machine.

JavaScript substring() Méthode pour supprimer le premier caractère d’une chaîne

La fonction substring() est une fonction intégrée dans JavaScript. Elle retourne une nouvelle chaîne de caractères de l’index de début à l’index de fin d’une chaîne donnée.

Syntaxe de la substring

substring(startIndex, endIndex)

Le startIndex est obligatoire, et endIndex est facultatif. Si endIndex n’est pas spécifié, substring() sélectionne tous les caractères de startIndex jusqu’à la fin de la chaîne.

Exemple :

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString"></p> 
  
    <script>         
        const removeFirstChar =() => {
             let str1 = "DelftStack";
            let str2 = str1.substr(1);
            console.log(str2);
            document.getElementById("displayString").innerHTML  = str2;      
        }
    </script> 
</body>   

</html>

En passant 1 comme paramètre, la fonction retournera tout à partir de l’index 1.

Méthode JavaScript slice() pour supprimer le premier caractère de la chaîne

La méthode slice() extrait la partie de la chaîne et retourne cette partie dans une nouvelle chaîne.

Syntaxe de la méthode slice()

slice(startIndex, endIndex)

Le startIndex est obligatoire, et endIndex est facultatif. Si endIndex n’est pas spécifié, slice() sélectionne tous les caractères de startIndex jusqu’à la fin de la chaîne.

Exemple :

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
  
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString"></p> 
  
    <script>         
        const removeFirstChar =() => {
             let str1 = "DelftStack";
            let str2 = str1.slice(1);
            console.log(str2);
            document.getElementById("displayString").innerHTML  = str2;      
        }
    </script> 
</body> 
  
</html>

JavaScript replace() Méthode pour supprimer le premier caractère de la chaîne

La méthode replace() est utilisée pour remplacer une partie d’une chaîne par une nouvelle chaîne de remplacement.

Syntaxe de la méthode replace

replace(paramA, paramB)

Le paramA est une chaîne spécifiée ou une expression régulière d’une partie de la chaîne donnée que nous voulons remplacer par une nouvelle valeur, paramB est une nouvelle valeur. Les deux sont nécessaires.

Ici, nous utilisons replace(/^./, "") pour supprimer le premier caractère car /^./ signifie le premier caractère et "" est la chaîne vide.

Exemple :

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
  
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString">DelftStack</p> 
  
    <script>         
        const removeFirstChar =() => {
            let str1 = document.getElementById("displayString").innerHTML;  
            let str2 = str1.replace(/^./, ""); 
            document.getElementById("displayString").innerHTML = str2;
            console.log(str2);     
        }
    </script> 
</body> 
  
</html>

Article connexe - JavaScript String