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

JavaScript trim()

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();

Como funciona o 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.

Funcionamento do método trim().
Figura 1. Funcionamento do método trim().

Sintaxe

string.trim()

Valor de retorno

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

Exemplos de trim()

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()".

Run!
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".

Run!
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".

Run!
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".

Run!
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".

Run!
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".

Run!

Compatibilidade entre navegadores

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

trim() Chrome Firefox IE Edge Safari Opera
Sim Sim Sim Sim Sim Sim

Tabela 1. Compatibilidade da propriedade x browsers.

Métodos semelhantes