Remover Espaços de uma String em JavaScript

Kirill Ibrahim 30 janeiro 2023 6 fevereiro 2021 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

  • Obtenha o último caractere de uma string em JavaScript
  • Converta uma string em uma data em JavaScript
  • Converter Array em String em JavaScript
  • Verifique a igualdade de strings em JavaScript
  • Converter objeto em string em JavaScript
  • Verifique se Sring é um número em JavaScript