Supprimer la sous-chaîne de la chaîne en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Supprimer la sous-chaîne de la chaîne en …
Kirill Ibrahim 30 janvier 2023
JavaScript JavaScript String
  1. JavaScript replace() Méthode pour supprimer une sous-chaîne spécifique d’une chaîne
  2. JavaScript replace() Méthode avec Regex pour supprimer toutes les occurrences de la sous-chaîne spécifique d’une chaîne
  3. JavaScript substr() Méthode pour extraire une sous-chaîne spécifique d’une chaîne
Supprimer la sous-chaîne de la chaîne en JavaScript

JavaScript a deux méthodes populaires pour supprimer une sous-chaîne de caractères d’une chaîne. Chaque méthode ci-dessous comporte un exemple de code, que vous pouvez exécuter sur votre machine.

JavaScript replace() Méthode pour supprimer une sous-chaîne spécifique d’une chaîne

La fonction replace() est une fonction intégrée dans JavaScript. Elle remplace une partie de la chaîne de caractères donnée par une autre chaîne de caractères ou une expression régulière. Elle renvoie une nouvelle chaîne de caractères à partir d’une chaîne donnée et laisse la chaîne originale inchangée.

Syntaxe de la fonction replace() :

Ourstring.replace(Specificvalue, Newvalue)

La Specificvalue sera remplacée par la nouvelle valeur - Newvalue.

Exemple de méthode JavaScript replace() :

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove a substring from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStac for Software</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStac for Software'; 
            ourNewWord = ourWord.replace('DelftStack', ''); 
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
</html>

JavaScript replace() Méthode avec Regex pour supprimer toutes les occurrences de la sous-chaîne spécifique d’une chaîne

Une expression régulière est utilisée à la place de la Specificvalue avec la propriété globale.

Exemple :

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove to remove all occurrences of the specific substring  from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStackforDelftStack</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStackforDelftStack'; 
            ourNewWord = ourWord.replace(/DelftStack/g, ''); 
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
</html>

JavaScript substr() Méthode pour extraire une sous-chaîne spécifique d’une chaîne

La fonction substr() est une fonction intégrée dans JavaScript pour extraire une sous-chaîne d’une chaîne donnée ou retourner une partie de la chaîne. Elle commence à l’index spécifié et s’étend sur un nombre donné de caractères.

Syntaxe substr() :

string.substr(startIndex, length)

startIndex est nécessaire. La length est facultative, c’est la longueur de la chaîne à sélectionner dans ce Startindex, et si elle n’est pas spécifiée, elle est extraite vers le reste de la chaîne.

Exemple :

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove a substring from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStackforDelftStack</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStackforDelftStack'; 
            ourNewWord = ourWord.substr(10,13);
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
  
</html>

Article connexe - JavaScript String