Neste artigo você vai aprender a como escapar caracteres especiais com JavaScript, ou seja, remover caracteres especiais dos textos (strings)

escapar caracteres especiais com JavaScript capa

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

Escapar caracteres especiais de strings é a melhor maneira de manter a sua aplicação segura

Nunca devemos confiar nas inserções de dados feitas pelos usuários do sistema

Vamos utilizar então o método replaceAll que vai identificar todos os casos de substituição e trocar por caracteres válidos, que não farão mal ao seu sistema

Há um famoso snippet que remove os caracteres especiais do HTML, veja:

const escapeHtmlChars = (text) => {
    return text.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll("'", '&#039;');
}

Aqui estamos trocando os símbolos especiais do HTML por texto comum

Agora se você precisa remover os caracteres especiais, como:

  • @;
  • &;
  • %;
  • #;
  • E outros;

O código que você vai utilizar é:

const cleanString = text.replace(/[^a-zA-Z0-9 ]/g, '');

Aqui estamos usando uma regex que não permite caractere especial algum

Ou seja, aceita apenas números de 1 a 9 e letras de a a z

Na variável convertedFile você terá o arquivo já em Base64!

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

Conclusão

No artigo de hoje você aprendeu a como escapar caracteres especiais com JavaScript

Utilizamos duas abordagens:

  • A primeira foi para remover caracteres especiais de HTML;
  • A segunda para remover qualquer caractere especial, como: @, # e outros

Agora basta você decidir qual utilizar para o seu caso, e trocar os nomes das variáveis para atender o 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!

Inscrever-se
Notificar de
guest

0 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários