Como remover caracteres não alfanuméricos de string

Neste artigo você vai aprender a como criar um recurso de remover caracteres não alfanuméricos de string em JavaScript

Fala programador(a), beleza? Bora aprender mais sobre strings em JavaScript!

Existem diversas formas de se remover caracteres não alfanuméricos de uma string em JavaScript. Vamos ver algumas delas a seguir.

Uma forma de se fazer isso é utilizando a função replace do objeto String.

Ela permite substituir uma parte da string por outra. Podemos utilizá-la para substituir todos os caracteres não alfanuméricos por uma string vazia, o que remove esses caracteres da string. Por exemplo:

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

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

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

Em seguida, utilizamos a função replace para substituir todos os caracteres não alfanuméricos da string por uma string vazia.

Utilizamos uma expressão regular (/[^a-zA-Z0-9]/g) para selecionar apenas os caracteres não alfanuméricos.

O g no final da expressão regular indica que a substituição deve ser feita em toda a string, e não apenas no primeiro caractere encontrado.

Outras formas de remover caracteres não alfanuméricos de texto

Outra forma de se fazer isso é utilizando o método match do objeto String.

Ele permite selecionar apenas os caracteres alfanuméricos da string e retorná-los em um array.

Podemos utilizá-lo para criar uma nova string apenas com os caracteres alfanuméricos. Por exemplo:

function removerCaracteresNaoAlfanumericos(string) {
  const caracteresAlfanumericos = string.match(/[a-zA-Z0-9]/g);
  return caracteresAlfanumericos ? caracteresAlfanumericos.join("") : "";
}

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

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

Em seguida, utilizamos o método match para selecionar apenas os caracteres alfanuméricos da string e retorná-los em um array.

Se quisermos, podemos utilizar a função Array.from para transformar a string em um array de caracteres e, em seguida, utilizar o método filter para remover os caracteres não alfanuméricos. Por exemplo:

function removerCaracteresNaoAlfanumericos(string) {
  return Array.from(string)
    .filter((char) => char.match(/[a-zA-Z0-9]/))
    .join("");
}

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

Nesse exemplo, utilizamos a função Array.from para transformar a string em um array de caracteres. Em seguida, utilizamos o método filter para remover os caracteres não alfanuméricos.

Utilizamos uma expressão regular (/[a-zA-Z0-9]/) para selecionar apenas os caracteres alfanuméricos. Por fim, utilizamos o método join para juntar os caracteres em uma única string.

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ê aprendeu várias formas de remover caracteres não alfanuméricos de string

Utilize a que melhor se encaixa no seu projeto, e resolva o seu problema! 🙂

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!