JavaScript trim(): removendo espaços desnecessários

Nesta documentação de JavaScript veremos como utilizar o método trim(), que remove os espaços em branco desnecessários de uma string.

Apresentaremos aqui como utilizar o método trim().

JavaScript trim(): Na prática

  // String retornada: “Exemplo com o método trim()” 
  stringExemplo = “     Exemplo com o método trim()    ”;
  stringResultante = stringExemplo.trim();
   
  // String retornada: “usuario123” 
  username = “    usuario123    ”;
  stringResultante = username.trim();
   
  // String retornada: “Rua Napoleão, n 140” 
  endereco = “   Rua Napoleão, n 140   ”;
  stringResultante = endereco.trim();
   
  // String retornada: “João da Silva Santos” 
  nome = “   João da Silva Santos   ”;
  stringResultante = nome.trim();
   
  // String retornada: “João da Silva Santos” 
  nome = “   João da Silva Santos”;
  stringResultante = nome.trim();
   
  // String retornada: “João da Silva Santos” 
  nome = “João da Silva Santos    ”;
  stringResultante = nome.trim();
  

O método trim() remove os espaços desnecessários declarados no início e/ou no final de uma string. Considerando o seguinte código:

var stringExemplo = “    Aprendendo JavaScript na DevMedia!  ”;
var stringResultante = stringExemplo.trim();

O valor atribuído à variável stringResultante será “Aprendendo JavaScript na DevMedia!”, conforma a Figura 1.

Valor de retorno

É retornada uma nova string sem espaços desnecessários. A string original não é alterada.

Exemplo 1

No exemplo a seguir demonstramos como remover os espaços desnecessários de uma string qualquer:

  var stringExemplo = "     Exemplo com o método trim()    ";
  var stringResultante = stringExemplo.trim();

O valor atribuído a stringResultante é: "Exemplo com o método trim()".

Exemplo 2

No exemplo a seguir demonstramos como remover os espaços desnecessários caso o usuário forneça o nome do usuário na tela de login, por exemplo, com espaços.

  var username = "    usuario123    ";
  var stringResultante = username.trim();

O valor atribuído a stringResultante é: "usuario123".

Exemplo 3

No exemplo a seguir removemos os espaços desnecessários de uma string fornecida por um usuário ao informar seu endereço em um formulário.

  var endereco = "   Rua das Hortênsias, n 2500, Bairro Jardins   ";
  var stringResultante = endereco.trim();

O valor atribuído a stringResultante é: "Rua das Hortênsias, n 2500, Bairro Jardins".

Exemplo 4

No exemplo a seguir demonstramos como remover os espaços desnecessários de uma string qualquer:

  var nome = "   João da Silva Santos   ";
  var stringResultante = nome.trim();

O valor atribuído a stringResultante é: "João da Silva Santos".

Exemplo 5

No exemplo a seguir demonstramos como remover os espaços desnecessários à esquerda.

  var nome = "   João da Silva Santos";
  var stringResultante = nome.trim();

O valor atribuído a stringResultante é: "João da Silva Santos".

Exemplo 6

No exemplo a seguir demonstramos como remover os espaços desnecessários à direita.

  var nome = "João da Silva Santos    ";
  var stringResultante = nome.trim();

O valor retornado é: "João da Silva Santos".

trim() é suportado por todos os browsers apresentados na Tabela 1.

Tabela 1. Compatibilidade da propriedade x browsers.

• string.split()
• string.length()