JavaScript trim(): removendo espa�os desnecess�rios

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

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

<div class="pre_js">
<code>
  // 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:

<div class="pre_js">
<code>
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.

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:

<div class="pre_js">
<code>
  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.

<div class="pre_js">
<code>
  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.

<div class="pre_js">
<code>
  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:

<div class="pre_js">
<code>
  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.

<div class="pre_js"><code>
  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.

<div class="pre_js">
<code>
  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

string.split()
string.length()

Artigos relacionados