Como remover caracteres especiais com regex no JavaScript

Neste artigo você vai aprender a como remover todos caracteres especiais com regex utilizando a linguagem JavaScript

Fala programador(a), beleza? Bora aprender mais sobre regex e JavaScript!

As expressões regulares (regex) são uma ferramenta poderosa para manipular strings em JavaScript.

Elas permitem selecionar e manipular caracteres específicos de uma string de acordo com uma determinada regra.

Se quisermos remover todos os caracteres especiais de uma string, podemos utilizar a função replace do objeto String e uma expressão regular que selecione apenas os caracteres alfanuméricos.

Por exemplo:

function removerCaracteresEspeciais(string) {
  return string.replace(/[^a-zA-Z0-9]/g, "");
}

console.log(removerCaracteresEspeciais("Olá, mundo!")); // "Olmundo"

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Nesse exemplo, criamos uma função chamada removerCaracteresEspeciais que recebe uma string como parâmetro.

Utilizamos a função replace para substituir todos os caracteres que não são alfanuméricos por uma string vazia.

Para isso, utilizamos uma expressão regular que seleciona apenas os caracteres que não são alfanuméricos ([^a-zA-Z0-9]) e a flag g para realizar a substituição globalmente na string.

O resultado final é a string “Olmundo”, poi os caracteres “,” e “!” foram removidos.

Assista este conteúdo em vídeo:

Removendo caracateres especiais espécificos

Se quisermos remover caracteres especiais específicos de uma string com regex, basta alterarmos a expressão regular utilizada na função replace.

Por exemplo, se quisermos remover apenas os caracteres “,” e “!”, podemos utilizar a seguinte expressão regular:

/[,!]/g

Ela seleciona os caracteres “,” e “!” e a flag g realiza a substituição globalmente na string.

A função ficaria assim:

function removerCaracteresEspeciais(string) {
  return string.replace(/[,!]/g, "");
}

console.log(removerCaracteresEspeciais("Olá, mundo!")); // "Ol mundo"

Nesse exemplo, a string “Olá, mundo!” é passada como parâmetro para a função removerCaracteresEspeciais.

A função utiliza a função replace para substituir os caracteres “,” e “!” por uma string vazia.

O resultado final é a string “Olá mundo”.

É importante lembrar que, se quisermos remover caracteres especiais específicos, devemos incluí-los na expressão regular.

Se quisermos remover todos os caracteres especiais, devemos utilizar a expressão regular /[^a-zA-Z0-9]/g, que seleciona apenas os caracteres que não são alfanuméricos.

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você viu como remover todos caracteres especiais com regex

Utilizamos uma abordagem muito simples e eficaz

Agora basta você utilizá-la no seu projeto! 🙂

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!

Mantendo acentos e espaços na string:

Ela remove MUITO mais do que vírgula e exclamação

Acento some (á, ç, ã) e o espaço também vai embora, por isso ‘Olá, mundo!’ virou ‘Olmundo’

Se você quer tirar só a sujeira mas manter letra acentuada e espaço, é só incluir esses caracteres na regra

function removerCaracteresEspeciais(string) { }

console.log(removerCaracteresEspeciais("Olá, mundo!")) // "Olá mundo"

O À-ÿ segura as letras acentuadas e o \s segura o espaço

Bem mais útil pra nome, endereço e texto de formulário, né? 🙂

Perguntas frequentes:

Como remover caracteres especiais mas manter os números?

A regex diferencia maiúscula de minúscula? Sim, por isso a regra traz a-z E A-Z

Se você tirar um dos dois, some metade das letras

Como remover só a pontuação e deixar o resto? Em vez de listar tudo que fica, você lista só o que sai

Dá pra usar isso em qualquer string? Dá sim, o replace é método do objeto String, então funciona em qualquer texto que você passar 🙂