Comment supprimer des espaces d'une chaîne de caractères en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Comment supprimer des espaces d'une …
Kirill Ibrahim 12 octobre 2023
JavaScript JavaScript String
  1. Utilisez la méthode replace() pour remplacer uniquement les espaces
  2. Utilisez replace() pour ne remplacer que tous les espaces
  3. Utilisez les méthodes split() et join() pour supprimer les espaces d’une chaîne de caractères en JavaScript
Comment supprimer des espaces d'une chaîne de caractères en JavaScript

Cet article présente différentes façons de supprimer les espaces d’une chaîne de caractères, en particulier la suppression des tabulations et des sauts de ligne. Chaque méthode ci-dessous comporte un exemple de code, que vous pouvez exécuter sur votre machine.

La méthode replace() prend une valeur spécifiée ou une expression régulière et les remplace dans une chaîne de caractères donnée. Elle retourne une nouvelle chaîne dans laquelle les valeurs spécifiées sont remplacées.

Utilisez la méthode replace() pour remplacer uniquement les espaces

string.replace(/ /g, '')

L’expression régulière contient un caractère espace (" "), et la propriété globale. Elle va rechercher tous les espaces d’une chaîne de caractères et les remplacer par une chaîne vide, comme indiqué dans le deuxième paramètre.

Exemple

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
       Remove spaces from a string using JavaScript
    </title> 
</head> 
  
<body> 
      
    <h2> 
        Remove spaces from a string using JavaScript
    </h2> 
      
    <p> 
        Original string is:  
        site/ delft stack .com/ 
    </p> 
      
    <p> 
        New Sentence is:  
        <span class="outputString"></span> 
    </p> 
      
    <button onclick="removeSpacesFromString()"> 
        Clean Spaces 
    </button> 
      
    <script type="text/javascript"> 
        const removeSpacesFromString =() => {
            let text1 =  
                "site/ delft stack .com/"; 
          
            let text2 =  
                text1.replace(/ /g, ""); 
          
            document.querySelector('.outputString').textContent 
                    = text2; 
        } 
    </script> 
</body> 
  
</html>

Production :

javascript supprimer les espaces

Utilisez replace() pour ne remplacer que tous les espaces

string.replace(/\s+/g, '')

Le motif d’expression régulière \s se réfère à n’importe quel symbole d’espacement : espaces, tabulations et sauts de ligne.

Exemple :

<script type="text/javascript"> 
    const removeSpacesFromString =() => {
        let text1 =  
            "site/ delft stack .com/"; 

        let text2 =  
            text1.replace(/\s+/g, ''); 

        document.querySelector('.outputString').textContent 
            = text2; 
    } 
</script>

Utilisez les méthodes split() et join() pour supprimer les espaces d’une chaîne de caractères en JavaScript

La méthode split() divise une chaîne de caractères en un tableau et retourne le nouveau tableau.

La méthode join() retourne une nouvelle chaîne de caractères en concaténant tous les éléments d’un tableau.

Nous utiliserons la méthode split pour diviser la chaîne en un tableau avec le caractère espace blanc " " comme délimiteur, puis nous utiliserons la méthode join pour convertir le tableau en une chaîne. Ces deux méthodes permettent de supprimer les espaces blancs.

Exemple :

<html> 
  
<head> 
    <title> 
      Remove spaces from a string using JavaScript
    </title> 
</head> 
  
<body> 
      
    <h2> 
        Remove spaces from a string using JavaScript
    </h2> 
      
    <p> 
        Original string is:  
        site/ delft stack .com/ 
    </p> 
      
    <p> 
        New Sentence is:  
        <span class="outputString"></span> 
    </p> 
      
    <button onclick="removeSpacesFromString()"> 
        Clean Spaces 
    </button> 
      
    <script type="text/javascript"> 
        const removeSpacesFromString =() => {
            let text1 =  
                "site/ delft stack .com/"; 
          
            let text2 =  
                text1.split(" ").join(""); 
          
            document.querySelector('.outputString').textContent 
                    = text2; 
        } 
    </script> 
</body> 
  
</html>

Article connexe - JavaScript String