DEV Community 👩‍💻👨‍💻

Cover image for 001/100 Days of Code: Expressões Regulares
Alexandre Bekor
Alexandre Bekor

Posted on • Updated on

001/100 Days of Code: Expressões Regulares

A sopa de letrinhas que pode revolucionar sua maneira de validar entradas de dados! 🍲

Ontem

Comecei a estudar sobre expressões regulares realizando os exercícios do módulo Regular Expressions no FreeCodeCamp e acompanhei uma explicação incrível do @erickwendel que, por feliz coincidência, lançou um material na segunda-feira em seu canal no youtube que, apesar de não ser o tema principal do vídeo, explica com excelência a respeito desse assunto.
Esse é o vídeo!

Hoje

Sumarizei as principais flags e operadores dessa grande sopa de letrinhas e utilizei a maioria delas em alguns experimentos no Regex101, um editor online que te auxilia no processo de construção da sua expressão regular, uma ferramenta incrível e bem intuitiva, basta inserir os termos que devem ser testados e sair construindo sua expressão enquanto acompanha simultaneamente os resultados.

Um pouco do que foi aprendido:

Expressões Regulares

  • São padrões utilizados para identificar cadeias de caracteres em uma string
  • São muito utilizadas para validação de entrada de dados
  • Em Javascript as expressões regulares não são declaradas entre aspas
  • Alguns caracteres:
    Caractere Descrição Exemplo
    | Ou /Yes|No/
    i Ignora a caixa do caractere /Alexandre/i
    g Retorna um vetor com todas as ocorrências /Alexandre/g
    . Indica um caractere qualquer /ti./
    [ ] Escolhas permitidas /B[au]g/
    [ - ] Intervalo de caracteres /B[a-j]u/
    [^ ] Negação de caractere /Alex[^a]ndre/i
    ^ Obrigatório estar no início /^a/

Outros Canais

Fique à vontade para entrar em contato comigo por essas outras mídias sociais também:

Top comments (4)

Collapse
 
nicolaslima321 profile image
Nicolas Lima

Show demais, vim pelo story do Erick
Muito bom ter essa noção de Regex, e ainda mais legal poder consultar isso no seu post! Valeu demais e parabéns pelo conteúdo!

Collapse
 
romulosous profile image
Rômulo Sousa • Edited on

Show Demais!!!! Foi uma maravilha ver o post do Erick mostrando seu desafio dos 100 dias de codigo, porque estava planejando fazer já faz umas 2 semanas, mas sempre proscrastinando porque sou bem ruim de escrever, dai vou usar isso pra melhorar minha base na stack React, e destravar minha escrita. Achei bem bacana esse forma de relatar o progresso. Deu agora um gás para finalmente começar o desafio!!! Tá excelente
@alexandrebekor

Collapse
 
alexandrebekor profile image
Alexandre Bekor Author

Vlw Rômulo! Eu também sou péssimo em escrita, mas já estou notando uma evolução, e olha que o desafio tem apenas 3 dias até agora kkkkkk Vale muito a pena, espero poder ler seus artigos em breve!

Collapse
 
alexandrebekor profile image
Alexandre Bekor Author

Muito Obrigado @nicolaslima321!

In defense of the modern web

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over;

React users; the old guard with their artisanal JS and hand authored HTML; and Tom MacWright, someone I've admired from afar since I first became aware of his work on Mapbox many years ago. But I guess that's the price of having opinions.