SlideShare uma empresa Scribd logo
1 de 15
Baixar para ler offline
Regex - Javascript
Jackson Veroneze
Software Developer
jackson@jacksonveroneze.com
https://jacksonveroneze.com
https://br.linkedin.com/in/jacksonveroneze
Mario Mendonça
Software Developer
mario.mendonca@gmail.com
https://br.linkedin.com/in/mario-mendonca
Regex - Javascript
Suporte a regex incluído na versão 1.2 em 1997.
Implementa o padrão ECMA-262.
Objeto RegExp
O RegExp (Expressão Regular) é um objeto que faz notações
para definir padrões em caracteres.
Para definir uma ER no formato cru, basta colocá-la entre
/barras/, e logo após a segunda barra, podemos colocar os
modificadores.
Objeto RegExp
Podemos usar string para instanciar um objeto RegExp. É útil
quando queremos compor a regex usando variáveis.
Deve ser escapado às contrabarras, por exemplo, w fica w.
Confusão com métodos?
Há um pouco de confusão em relação aos métodos que usam
expressões regulares, pois alguns estão no objeto RegExp,
enquanto outros estão no String, e há alguma certa
duplicação de funcionalidade.
Confusão com métodos?
RegExp.test() - Testa se casou (true/false)
RegExp.exec() - Retorna array com o trecho casado ou null
String.search() - Testa se casou (retornar o index ou -1)
String.match() - Retorna array com o trecho casado ou null
String.Replace() - Faz substituições, retorna string.
String.split() - Faz divisões, retorna array.
Confusão com métodos?
Para simplificar, recomenda-se utilizar somente os métodos
do objeto string.
String.search()
Testa se a expressão casa ou não com determinado texto.
Retorna a posição caso encontra ou -1 caso não case.
String.match()
Usada para testar e obter informações sobre o casamento.
Retorna um array com os dados do casamento ou null caso não
case.
O resultado deve ser guardado em uma variável para ser usado
depois.
String.match()
String.match()
Se o casamento for global, o resultado será um array povoado
com todas as ocorrências encontradas, sem os atributos
adicionais.
O conteúdo dos grupos é descartado.
Útil para encontrar e guardar de uma só vez todas as
ocorrências.
String.match()
String.replace()
Utilizado para fazer replace em string.
Substitui apenas a primeira ocorrência encontrada. Por ser
usado o modificador /g, para fazer a substituição
globalmente.
String.split()
Utilizado para fazer divisão de string.
Retorna um array com o texto dividido.

Mais conteúdo relacionado

Mais de Jackson Veroneze

Mais de Jackson Veroneze (13)

Angular 4 - Introdução
Angular 4 - IntroduçãoAngular 4 - Introdução
Angular 4 - Introdução
 
Map, filter e reduce
Map, filter e reduceMap, filter e reduce
Map, filter e reduce
 
Expressões Regulares - Final
Expressões Regulares - FinalExpressões Regulares - Final
Expressões Regulares - Final
 
Integração Contínua
Integração ContínuaIntegração Contínua
Integração Contínua
 
Expressões Regulares - Parte II
Expressões Regulares - Parte IIExpressões Regulares - Parte II
Expressões Regulares - Parte II
 
Expressões Regulares - Introdução
Expressões Regulares - IntroduçãoExpressões Regulares - Introdução
Expressões Regulares - Introdução
 
GULP - Automatizador de tarefas
GULP - Automatizador de tarefasGULP - Automatizador de tarefas
GULP - Automatizador de tarefas
 
Web socket - Trazendo soquetes para a web
Web socket - Trazendo soquetes para a webWeb socket - Trazendo soquetes para a web
Web socket - Trazendo soquetes para a web
 
Conhecendo a API Geolocation
Conhecendo a API GeolocationConhecendo a API Geolocation
Conhecendo a API Geolocation
 
Vanilla js
Vanilla jsVanilla js
Vanilla js
 
Web components
Web componentsWeb components
Web components
 
Progressive apps
Progressive appsProgressive apps
Progressive apps
 
If bom é if morto
If bom é if mortoIf bom é if morto
If bom é if morto
 

Regex javascript