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