{"id":37781,"date":"2025-07-16T12:14:57","date_gmt":"2025-07-16T15:14:57","guid":{"rendered":"https:\/\/www.locaweb.com.br\/ajuda\/?post_type=ht_kb&p=37781"},"modified":"2025-07-16T12:14:57","modified_gmt":"2025-07-16T15:14:57","slug":"trim-javascript","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/trim-javascript\/","title":{"rendered":"Fun\u00e7\u00e3o trim() no JavaScript: como usar corretamente"},"content":{"rendered":"

O trim() no JavaScript <\/strong>\u00e9 uma fun\u00e7\u00e3o essencial para remover espa\u00e7os desnecess\u00e1rios em strings.<\/p>\n

Usado para limpar entradas de usu\u00e1rio ou garantir dados consistentes, o m\u00e9todo trim()<\/em> elimina espa\u00e7os no in\u00edcio e no final de uma string, enquanto mant\u00e9m o conte\u00fado intacto.<\/p>\n

Neste texto, voc\u00ea vai descobrir como usar o trim()<\/strong> de forma eficiente, com exemplos pr\u00e1ticos e dicas \u00fateis.<\/p>\n

Exemplos pr\u00e1ticos do uso da fun\u00e7\u00e3o trim()<\/h2>\n

Conhe\u00e7a algumas formas de usar a fun\u00e7\u00e3o trim().<\/p>\n

Remova espa\u00e7os no in\u00edcio e no final de uma string<\/h3>\n

A forma mais b\u00e1sica da fun\u00e7\u00e3o trim()<\/em> \u00e9 usada para remover espa\u00e7os no in\u00edcio e no final de uma string, conforme o exemplo:<\/p>\n

let texto = \" Ol\u00e1, mundo! \";<\/em>\r\n\r\nlet resultado = texto.trim();<\/em>\r\n\r\nconsole.log(resultado); \/\/ \"Ol\u00e1, mundo!\"<\/em><\/pre>\n
Aqui, os espa\u00e7os antes de \u2018Ol\u00e1<\/strong>\u2019 e ap\u00f3s \u2018mundo<\/strong>!\u2019 s\u00e3o removidos para manter s\u00f3 o conte\u00fado relevante.<\/p>\n
Corrija inputs de usu\u00e1rios em formul\u00e1rios<\/h3>\n
A fun\u00e7\u00e3o trim()<\/em> \u00e9 \u00fatil para corrigir entradas de usu\u00e1rios em formul\u00e1rios, onde \u00e9 comum haver espa\u00e7os extras. O uso do trim()<\/em> pode garantir que os dados recebidos estejam limpos e prontos para processamento.<\/p>\n
Exemplo:<\/p>\n
let nome = \" Leandro Alves \";<\/em>\r\n\r\nnome = nome.trim();<\/em>\r\n\r\nconsole.log(nome); \/\/ \"Leandro Alves\"<\/em><\/pre>\n
Nesse caso, os espa\u00e7os antes e depois do nome s\u00e3o removidos, para manter a entrada formatada corretamente antes de ser enviada ao banco de dados.<\/p>\n
Limpe valores antes de salvar no banco de dados<\/h3>\n
Antes de salvar informa\u00e7\u00f5es no banco de dados ou ao preparar informa\u00e7\u00f5es para a hospedagem de <\/a>site<\/a>, \u00e9 importante excluir espa\u00e7os indesejados. A fun\u00e7\u00e3o trim()<\/em> pode limpar esses valores e evitar inconsist\u00eancias nos registros.<\/p>\n
Exemplo:<\/p>\n
let email = \" usuario@exemplo.com \";<\/em>\r\n\r\nemail = email.trim();<\/em>\r\n\r\n\/\/ Salvar no banco de dados<\/em>\r\n\r\nconsole.log(email); \/\/ \"usuario@exemplo.com\"<\/em><\/pre>\n
Ao aplicar trim()<\/em>, asseguramos um email sem espa\u00e7os extras, o que evita problemas de compara\u00e7\u00e3o e inconsist\u00eancias ao recuperar os dados futuramente.<\/p>\n
Uso do trim() dentro de uma fun\u00e7\u00e3o de valida\u00e7\u00e3o de dados<\/h3>\n
O uso da fun\u00e7\u00e3o trim()<\/em> dentro de uma fun\u00e7\u00e3o de valida\u00e7\u00e3o de dados ajuda a garantir que os valores fornecidos pela pessoa usu\u00e1ria estejam limpos antes de qualquer processamento adicional.<\/p>\n
Isso \u00e9 essencial para evitar erros e incoer\u00eancias, como no exemplo:<\/p>\n
function validarEmail(email) {<\/em>\r\n\r\n email = email.trim();<\/em>\r\n\r\n if (email === \"\") {<\/em>\r\n\r\n return \"O campo de email n\u00e3o pode estar vazio.\";<\/em>\r\n\r\n }<\/em>\r\n\r\n return \"Email v\u00e1lido!\";<\/em>\r\n\r\n}<\/em><\/pre>\n
console.log(validarEmail(” exemplo@dominio.com “)); \/\/ “Email v\u00e1lido!”<\/em><\/p>\n
Aqui, trim()<\/em> remove os espa\u00e7os extras e garante que o email seja validado corretamente.<\/p>\n
Alternativas ao trim() para remover espa\u00e7os espec\u00edficos<\/h2>\n
`trimStart()` e `trimEnd()` (antigos `ltrim()` e `rtrim()`)<\/h3>\n
Al\u00e9m da fun\u00e7\u00e3o trim()<\/em>, o JavaScript<\/a> oferece as fun\u00e7\u00f5es trimStart()<\/em> e trimEnd()<\/em>, que permitem remover espa\u00e7os espec\u00edficos apenas no in\u00edcio ou no final da string, respectivamente. Com esses m\u00e9todos, voc\u00ea controla de forma mais precisa quais espa\u00e7os remover<\/strong>.<\/p>\n
Exemplo:<\/p>\n
let texto = \" Ol\u00e1, mundo! \";<\/em>\r\n\r\nlet inicioCorrigido = texto.trimStart();<\/em>\r\n\r\nlet fimCorrigido = texto.trimEnd();<\/em>\r\n\r\nconsole.log(inicioCorrigido); \/\/ \"Ol\u00e1, mundo! \"<\/em>\r\n\r\nconsole.log(fimCorrigido); \/\/ \" Ol\u00e1, mundo!\"<\/em><\/pre>\n
Com o uso de trimStart()<\/em> e trimEnd()<\/em>, voc\u00ea remove espa\u00e7os apenas nas extremidades desejadas.<\/p>\n
Remova todos os espa\u00e7os de uma string (inclusive entre palavras)<\/h3>\n
Se voc\u00ea deseja remover todos os espa\u00e7os de uma string, inclusive entre as palavras, pode usar o m\u00e9todo replace()<\/em> com uma express\u00e3o regular (Regex<\/em>), para eliminar todos os espa\u00e7os, sem exce\u00e7\u00f5es.<\/p>\n
Exemplo:<\/p>\n
let texto = \" Ol\u00e1, mundo! Como vai? \";<\/em>\r\n\r\nlet semEspacos = texto.replace(\/\\s+\/g, '');<\/em>\r\n\r\nconsole.log(semEspacos); \/\/ \"Ol\u00e1,mundo!Comovai?\"<\/em><\/pre>\n
Nesse caso, a express\u00e3o regular \/\\s+\/g<\/em> encontra todos os espa\u00e7os \u2014 ou sequ\u00eancias de espa\u00e7os \u2014 e os substitui por uma string vazia, enquanto remove todos os espa\u00e7os da string original.<\/p>\n
Como criar um polyfill para o m\u00e9todo trim()?<\/h2>\n
Para garantir o funcionamento da fun\u00e7\u00e3o trim()<\/em> em navegadores mais antigos que n\u00e3o a suportam, pode criar um polyfill. Essa \u00e9 uma maneira de implementar recursos modernos em ambientes que n\u00e3o os oferecem nativamente.<\/p>\n
Aqui est\u00e1 um exemplo de polyfill para o m\u00e9todo trim()<\/em>:<\/p>\n
if (!String.prototype.trim) {<\/em>\r\n\r\n String.prototype.trim = function() {<\/em>\r\n\r\n return this.replace(\/^\\s+|\\s+$\/g, '');<\/em>\r\n\r\n };<\/em>\r\n\r\n}<\/em><\/pre>\n
Esse c\u00f3digo verifica se o modelo trim()<\/em> j\u00e1 est\u00e1 dispon\u00edvel no prot\u00f3tipo de String<\/em>. Se n\u00e3o estiver, ele define uma vers\u00e3o pr\u00f3pria, que usa uma express\u00e3o regular para remover os espa\u00e7os no in\u00edcio (^\\s+<\/em>) e no final (\\s+$<\/em>) da string.<\/p>\n
Assim, a funcionalidade fica dispon\u00edvel mesmo em navegadores mais antigos.<\/p>\n
Compatibilidade do m\u00e9todo trim() entre navegadores<\/h2>\n
O m\u00e9todo trim()<\/em> \u00e9 amplamente compat\u00edvel com navegadores modernos<\/strong>, como Google Chrome, Firefox, Safari e Edge.<\/p>\n
No entanto, o m\u00e9todo n\u00e3o est\u00e1 dispon\u00edvel em vers\u00f5es antigas do Internet Explorer, como IE 8 ou anteriores. Nesses casos, usar um polyfill, como mostrado anteriormente, sustenta a compatibilidade.<\/p>\n
A partir do IE 9, o m\u00e9todo trim()<\/em> \u00e9 suportado nativamente. Portanto, ao desenvolver para o p\u00fablico atual, o trim()<\/em> pode ser usado sem grandes preocupa\u00e7\u00f5es, desde que considere usu\u00e1rios de vers\u00f5es muito antigas do IE.<\/p>\n
O que \u00e9 o m\u00e9todo trim() no JavaScript?<\/h2>\n
O m\u00e9todo trim() <\/em>no JavaScript \u00e9 utilizado para remover espa\u00e7os em branco do in\u00edcio e do final de uma string<\/strong>, sem alterar os espa\u00e7os no meio. Al\u00e9m de espa\u00e7os, isso inclui quebras de linha e tabula\u00e7\u00f5es.<\/p>\n
Por exemplo:<\/p>\n
let texto = \" Ol\u00e1, mundo! \";<\/em>\r\n\r\nlet resultado = texto.trim();<\/em>\r\n\r\nconsole.log(resultado); \/\/ \"Ol\u00e1, mundo!\"<\/em><\/pre>\n
Esse m\u00e9todo \u00e9 aplic\u00e1vel para limpar entradas de usu\u00e1rio<\/strong> em formul\u00e1rios, conferir consist\u00eancia de dados<\/strong> antes de salvar no banco ou remover espa\u00e7os extras <\/strong>ao trabalhar com strings. Assim, evita erros causados por espa\u00e7os desnecess\u00e1rios.<\/p>\n
Como funciona a fun\u00e7\u00e3o trim()?<\/h2>\n
Sintaxe e retorno da fun\u00e7\u00e3o trim()<\/h3>\n
A sintaxe da fun\u00e7\u00e3o trim()<\/em> \u00e9 simples: basta cham\u00e1-la diretamente em uma string. O m\u00e9todo n\u00e3o recebe par\u00e2metros e retorna uma nova string com os espa\u00e7os removidos <\/strong>apenas nas extremidades, sem modificar a original.<\/p>\n
Exemplo:<\/p>\n
let texto = \" Exemplo \";<\/em>\r\n\r\nlet resultado = texto.trim();<\/em>\r\n\r\nconsole.log(resultado); \/\/ \"Exemplo\"<\/em><\/pre>\n
O retorno \u00e9 uma string original, limpa de espa\u00e7os nas pontas.<\/p>\n
A fun\u00e7\u00e3o trim() remove todos os espa\u00e7os?<\/h3>\n
N\u00e3o, a fun\u00e7\u00e3o trim()<\/em> remove apenas os espa\u00e7os no in\u00edcio e no final da string<\/strong>, sem afetar os espa\u00e7os internos. Ou seja, se h\u00e1 espa\u00e7os entre palavras ou caracteres, eles permanecem.<\/p>\n
Exemplo:<\/p>\n
let texto = \" Seu cadastro foi validado! \";<\/em>\r\n\r\nlet resultado = texto.trim();<\/em>\r\n\r\nconsole.log(resultado); \/\/ \"Seu cadastro foi validado!\"<\/em><\/pre>\n
Neste caso, o espa\u00e7o no meio da string n\u00e3o \u00e9 alterado.<\/p>\n
Diferen\u00e7a entre trim(), trimStart() e trimEnd()<\/h3>\n
A diferen\u00e7a entre trim()<\/em>, trimStart()<\/em> e trimEnd()<\/em> est\u00e1 no local onde removem os espa\u00e7os<\/strong>.<\/p>\n
O trim()<\/em> remove os espa\u00e7os nas duas extremidades da string. J\u00e1 o trimStart()<\/em> remove apenas os espa\u00e7os do in\u00edcio, e o trimEnd()<\/em> remove apenas do final.<\/p>\n
Exemplo:<\/p>\n
let texto = \" Fazer publica\u00e7\u00e3o agora. \";<\/em>\r\n\r\nconsole.log(texto.trimStart()); \/\/ \"Fazer publica\u00e7\u00e3o agora. \"<\/em>\r\n\r\nconsole.log(texto.trimEnd()); \/\/ \" Fazer publica\u00e7\u00e3o agora.\"<\/em><\/pre>\n
Cada um tem uma aplica\u00e7\u00e3o espec\u00edfica para limpeza de espa\u00e7os.<\/p>\n
Erros comuns ao usar trim() e como evit\u00e1-los<\/h2>\n
Usar `trim()` em valores `null` ou `undefined<\/h3>\n
Tentar usar o m\u00e9todo trim()<\/em> em valores null <\/em>ou undefined <\/em>pode gerar erros, pois esses valores n\u00e3o t\u00eam o m\u00e9todo trim()<\/em>. Para evitar isso, \u00e9 importante verificar se o valor \u00e9 uma string antes de aplicar o trim()<\/em>.<\/p>\n
Exemplo de verifica\u00e7\u00e3o:<\/p>\n
let texto = null;<\/em>\r\n\r\nif (texto && typeof texto === 'string') {<\/em>\r\n\r\n let resultado = texto.trim();<\/em>\r\n\r\n console.log(resultado);<\/em>\r\n\r\n} else {<\/em>\r\n\r\n console.log('Valor inv\u00e1lido!');<\/em>\r\n\r\n}<\/em><\/pre>\n
Confundir `trim()` com `replace()`<\/h3>\n
Embora trim()<\/em> remova apenas espa\u00e7os no in\u00edcio e no final da string, replace()<\/strong> pode ser usado para substituir espa\u00e7os em qualquer parte <\/strong>da string, inclusive no meio.<\/p>\n
Ent\u00e3o, usar replace() <\/em>para simular o comportamento do trim()<\/em> pode resultar em substitui\u00e7\u00f5es indesejadas.<\/p>\n
Exemplo incorreto com replace()<\/em>:<\/p>\n
let texto = \" Ol\u00e1, mundo! \";<\/em>\r\n\r\nlet resultado = texto.replace(\/^\\s+|\\s+$\/g, ''); \/\/ Usar replace aqui n\u00e3o \u00e9 necess\u00e1rio.<\/em>\r\n\r\nconsole.log(resultado); \/\/ \"Ol\u00e1, mundo!\"<\/em><\/pre>\n
O trim()<\/em> \u00e9 mais direto para o prop\u00f3sito de limpar as extremidades.<\/p>\n
Problemas ao remover espa\u00e7os em strings multilinhas<\/h3>\n
O trim()<\/em> remove espa\u00e7os nos limites de uma string, mas, em strings multilinhas, ele n\u00e3o remove os espa\u00e7os no in\u00edcio de cada linha<\/strong>.<\/p>\n
Isso pode ser um problema se voc\u00ea quiser limpar uma string formatada com m\u00faltiplas linhas.<\/p>\n
Exemplo:<\/p>\n
let texto = ` Ol\u00e1,<\/em>\r\n\r\n mundo! `;<\/em>\r\n\r\nlet resultado = texto.trim();<\/em>\r\n\r\nconsole.log(resultado); \/\/ \"Ol\u00e1,\\n mundo!\"<\/em><\/pre>\n
Para limpar o in\u00edcio de cada linha, \u00e9 preciso usar um m\u00e9todo adicional, como replace()<\/em> com uma express\u00e3o regular.<\/p>\n
Gostou do conte\u00fado? Aproveite e aprofunde tamb\u00e9m na evolu\u00e7\u00e3o do JavaScript<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"
O trim() no JavaScript \u00e9 uma fun\u00e7\u00e3o essencial para remover espa\u00e7os desnecess\u00e1rios em strings. Usado para limpar entradas de usu\u00e1rio ou garantir dados consistentes, o m\u00e9todo trim() elimina espa\u00e7os no in\u00edcio e no final de uma string, enquanto mant\u00e9m o conte\u00fado intacto. Neste texto, voc\u00ea vai descobrir como usar o…<\/p>\n","protected":false},"author":48,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[119],"ht-kb-tag":[],"class_list":["post-37781","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-hospedagem-de-sites"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/37781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=37781"}],"version-history":[{"count":1,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/37781\/revisions"}],"predecessor-version":[{"id":37782,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/37781\/revisions\/37782"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=37781"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=37781"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=37781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}