Expressões regulares em JavaScript

Em nossas vidas diárias, navegamos continuamente, pesquisamos e encontramos coisas no Google, às vezes encontramos o que estamos procurando, outras vezes falhamos. Para tornar esta pesquisa mais precisa e precisa expressões regulares existem que ajudam os usuários na pesquisa e substituição.

Os usuários também podem usar expressões regulares para validação de entrada ou campos de formulário, como a verificação se o pino inserido consiste em todos os valores numéricos ou se tiver alguns caracteres especiais. Em JavaScript, essas expressões regulares são objetos que são um recurso embutido com o nome “Regexp”. Neste artigo, discutiremos expressões regulares em JavaScript, sua sintaxe e como eles são usados ​​juntamente com exemplos para o seu melhor entendimento.

Sintaxe da expressão regular

Existem duas maneiras pelas quais expressões regulares podem ser escritas em JavaScript

Usando literal:
A maneira mais simples é anexar a expressão entre as barras, como mostrado abaixo:

const re = /regularexpression /;

Usando a função construtora regexp ():
A outra maneira de criar uma expressão regular é usando a função do construtor “Regexp ()" como mostrado abaixo:

const re = new regexp ('regularexpression');

Como criar uma expressão regular?

Criar expressões regulares no JavaScript é simples, você pode usar barras ou o construtor regexp (). Abaixo estão os dois exemplos usando esses dois métodos de criação de expressão regular:

Seja regexp = /olá lá /;
console.log (regexp);

Saída:

Exemplo:

Seja regexp = novo regexp ('olá lá');
console.log (regexp);

Saída:

Métodos para expressões regulares

Expressões regulares são usadas para vários propósitos, como combinar duas cordas, combinar palavras específicas em uma string, procurando uma palavra específica em strings e substituindo dentro de uma string. Tudo isso tem métodos separados que podem ser usados ​​na expressão regular. Vamos vê -los um por um com exemplo:

método de teste
Este método é usado para combinar com seqüências e, como resultado, retorna o valor booleano de verdadeiro ou falso. Usando este método, o usuário pode verificar se a string específica contém a correspondência de uma expressão regular. Abaixo está um exemplo de duas cordas para mostrar o funcionamento deste método com expressão regular:

Seja regexp = /hello /;
Deixe checar = regexp.Teste ('Hello World');
console.log (check);

Saída:

Exemplo:

Seja regexp = /hello /;
Deixe checar = regexp.teste ('oi mundo');
console.log (check);

Saída:

Método Match ()
Outro método usado com a expressão regular é corresponder() Métodos que verificam uma string e retornam uma matriz de todas as partidas, caso nenhuma correspondência encontrada nula seja retornada. Abaixo está um exemplo para o método correspondente () junto com a bandeira G, que é uma bandeira global que veremos no artigo, ajuda a procurar todas as correspondências na string:

Seja regexp = "Bem -vindo ao nosso site";
Deixe checar = console.log (regexp.correspondência (/venha/g));

Saída:

Método de pesquisa ()
Outro método útil é o procurar() Método em que passamos o valor que precisa ser pesquisado na string e quando encontramos o índice dessa palavra é retornado como uma saída:

Vamos regexp = "ei, bem -vindo!";
Deixe checar = console.log (regexp.pesquisa ("lá"));

Saída:

Método Substituir ()
substituir() O método é usado para substituir um valor específico na string. Ele pega dois parâmetros e pesquisa a string com o primeiro parâmetro, quando encontrado, substitua -o pelo valor a ser substituído:

Vamos regexp = "ei, bem -vindo!";
Deixe checar = console.log (regexp.substituir ("lá", "você"));

Saída:

Sinalizadores de padrão

Para tornar a pesquisa mais precisa e precisa, expressões regulares usam sinalizadores junto com a expressão regular.

Sintaxe:

/Expressão regular/bandeiras

Existem várias bandeiras presentes que mudam o comportamento da pesquisa, algumas das quais são descritas abaixo, juntamente com exemplos para uma melhor compreensão.

(i) ignorar a bandeira
Muitas vezes, quando um usuário executa uma pesquisa, ele não fornece resultados precisos para "oi" vs "oi", devido a ser sensível ao caso. Para esse fim, a bandeira de ignorar "eu" é usada para ignorar os casos e facilitar a pesquisa.

Seja regexp = /hello /i;
Deixe checar = regexp.teste ('Olá');
console.log (check); // verdadeiro

Saída:

(g) Bandeira Global
Principalmente ao usar o método correspondente () para procurar uma partida específica em uma string, ele retorna apenas a primeira partida. Mas, com o uso da bandeira global “G” junto com o método, ele procura todas as partidas na string e retorna uma matriz das partidas encontradas.

Seja regexp = "O cozinheiro estava cozinhando biscoitos";
Deixe checar = console.log (regexp.correspondência (/cozinheira/g));

Saída:

Você também pode usar dois sinalizadores juntos para obter um resultado melhor, como mostrado abaixo neste exemplo:

Seja regexp = 'Nome: John
Idade: 45
Cidade: Nova York ';
console.log (regexp.correspondência (/a/gi));

Saída:

Conclusão

Expressão regular ajuda os usuários a facilitar a busca e a substituição de coisas em uma validação de string ou formulário. É usado junto com vários métodos e sinalizadores para encontrar elementos ignorando o caso muito mais rápido e fornece aos usuários resultados precisos. Aqui neste artigo, discutimos expressões regulares em JavaScript junto com sua sintaxe e métodos diferentes, e como tornar a pesquisa mais precisa usando sinalizadores. Exemplos também são fornecidos para você entender melhor.