Neste artigo você vai aprender a como escapar caracteres especiais com JavaScript, ou seja, remover caracteres especiais dos textos (strings)
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('&', '&').replaceAll('<', '<').replaceAll('>', '>').replaceAll('"', '"').replaceAll("'", ''');
}
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!