Remover Espaços de uma String em JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Remover Espaços de uma String em …
Kirill Ibrahim 12 outubro 2023
JavaScript JavaScript String
  1. Utilize replace() para Substituir apenas o espaço branco
  2. Utilize replace() para substituir apenas todos os espaços
  3. Use os métodos split() e join() para remover espaços de uma string em JavaScript
Remover Espaços de uma String em JavaScript

Este artigo irá introduzir diferentes formas de remover espaços de uma string, especialmente como remover separadores e quebras de linha. Cada método abaixo terá um exemplo de código, que pode ser executado na sua máquina.

O método replace() toma um valor especificado ou uma expressão regular e substitui-os numa determinada string. Retorna uma nova string na qual os valores especificados são substituídos.

Utilize replace() para Substituir apenas o espaço branco

string.replace(/ /g, '')

A expressão regular contém um carácter de espaço em branco (" "), e a propriedade global. Procurará cada espaço de uma string e substituí-los-á por uma string vazia, como indicado no segundo parâmetro.

Exemplo

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

Resultado:

javascript remover espaços

Utilize replace() para substituir apenas todos os espaços

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

O padrão de expressão regular \s refere-se a qualquer símbolo de espaço em branco: espaços, separadores, e quebras de linha.

Exemplo:

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

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

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

Use os métodos split() e join() para remover espaços de uma string em JavaScript

O método split() divide um cordão em um array e devolve o novo array.

O método join() devolve uma nova string ao concatenar todos os elementos de um array.

Vamos utilizar o método split para dividir a string num array com o caractere de espaço branco " " como delimitador, e depois utilizar o método join para converter o array numa string. Remove os espaços brancos utilizando estes dois métodos.

Exemplo:

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

Artigo relacionado - JavaScript String