Wie man Leerzeichen aus einer Zeichenkette in JavaScript entfernt

Kirill Ibrahim 12 Oktober 2023
  1. Verwenden Sie replace(), um nur Leerzeichen zu ersetzen
  2. Verwenden Sie replace(), um nur alle Leerzeichen zu ersetzen
  3. Verwenden Sie die Methoden split() und join(), um Leerzeichen aus einem String in JavaScript zu entfernen
Wie man Leerzeichen aus einer Zeichenkette in JavaScript entfernt

In diesem Artikel werden verschiedene Möglichkeiten vorgestellt, Leerzeichen aus einer Zeichenkette zu entfernen, insbesondere wie Tabulatoren und Zeilenumbrüche entfernt werden können. Jede der unten aufgeführten Methoden wird ein Codebeispiel enthalten, das Sie auf Ihrem Rechner ausführen können.

Die Methode replace() nimmt einen bestimmten Wert oder einen regulären Ausdruck und ersetzt diese in einer gegebenen Zeichenkette. Sie gibt eine neue Zeichenkette zurück, in der die angegebenen Werte ersetzt werden.

Verwenden Sie replace(), um nur Leerzeichen zu ersetzen

string.replace(/ /g, '')

Der reguläre Ausdruck enthält ein Leerzeichen (" ") und die globale Eigenschaft. Er sucht jedes Leerzeichen in einer Zeichenkette und ersetzt es durch eine leere Zeichenkette, wie im zweiten Parameter angegeben.

Beispiel

<!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>

Ausgabe:

JavaScript Leerzeichen entfernen

Verwenden Sie replace(), um nur alle Leerzeichen zu ersetzen

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

Das Muster \s für reguläre Ausdrücke bezieht sich auf jedes beliebige Leerzeichensymbol: Leerzeichen, Tabulatoren und Zeilenumbrüche.

Beispiel:

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

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

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

Verwenden Sie die Methoden split() und join(), um Leerzeichen aus einem String in JavaScript zu entfernen

Die Methode split() zerlegt eine Zeichenkette in ein Array und gibt das neue Array zurück.

Die Methode join() gibt eine neue Zeichenkette durch Verkettung aller Elemente in einem Array zurück.

Wir werden die split-Methode verwenden, um die Zeichenkette in ein Array mit dem Leerzeichen " " als Trennzeichen zu zerlegen, und dann die join-Methode verwenden, um das Array in eine Zeichenkette zu konvertieren. Mit diesen beiden Methoden werden die Leerzeichen entfernt.

Beispiel:

<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>

Verwandter Artikel - JavaScript String