Como pesquisar uma string usando o método de correspondência em javascript?

O JavaScript está se tornando uma das linguagens de programação amplamente usadas em todo o campo de aplicativos da Web de qualidade AAA, e isso se deve à sua disponibilidade em quase todos os navegadores modernos. E o fato de haver milhares de estruturas escritas em JavaScript que permitem que desenvolvedores de todo o mundo desenvolvam Web de primeira linha, Android e até aplicativos apoiados pelo iOS.

Operações de string são a base de muitas aplicações e estruturas da Web importantes e famosas. Desde a comparação de senhas até a verificação do nome de usuário correto, desde a aceitação de um código CAPTCHA até a confirmação de um endereço de e -mail correto. Tudo é feito usando operações de string. No JavaScript, existem muitas operações de comparação de string disponíveis, mas de todas elas, a mais intrigante é o .corresponder() método.

O que vamos fazer é cobrir tudo sobre o .corresponder() método e observe um novo método semelhante a este também.

Definição e uso

O .corresponder() O método é uma função para todas as versões JS. Esse .corresponder() compara strings com uma expressão regular (regex). Ou, em outras palavras, podemos dizer que é usado para pesquisar objetos de string com qualquer regex.

Se a partida for encontrada contra o regex, esse método retornará um variedade de todas as partidas, caso contrário, ele retorna NULO.

Sintaxe

corda.Match (regexp)

Parâmetros: O parâmetro deste método é um "regexp", o que significa uma expressão regular a se comparar com a string dada.

Valor de retorno: Ele comparará a string com o regex e retornará uma matriz de todas as partidas que pode encontrar. Caso contrário, ele retornará nulo.

Exemplo:

var string = "Hello World!";
console.log (string.correspondência (/ello/g));

Saída:

Ele retorna uma variedade de todas as partidas de “Ello”Na variável string. Além disso, "g" no código é um bandeira Isso diz ao método para pesquisar todas as correspondências possíveis na string e não parar na primeira partida.

O que é uma expressão regular:

Se quisermos definir expressões regulares nas palavras oficiais do MDN, seria:

” Os padrões usados ​​para combinar combinações de personagens em strings ".

Os padrões podem incluir não apenas caracteres alfanuméricos, mas personagens especiais, diferentes faixas de grupos e até personagens especiais.

Bem, para encerrar definir o que é uma regex, podemos dizer que, no nível muito básico, trata -se de encontrar um padrão em uma determinada string. O uso deste regex pode ser encontrado quando queremos encontrar um personagem específico de uma string, ou mesmo quando queremos verificar se o formato do email inserido ao preencher um formulário de login é um endereço de email real com "@" e ".com ”no fim.

Diferentes modos de correspondência (sinalizadores)

O primeiro é (como mostrado no exemplo acima) usando um sinalizador global "G", que retorna uma matriz de objetos de string.

Código:

var string = "Hello World!! olá!";
console.log (string.correspondência (/ello/g));

Saída:

O próximo exemplo é sem o uso de uma bandeira global:

Código

var string = "Hello World!! olá!";
console.log (string.correspondência (/ello/));

Saída

Embora existam duas cordas correspondentes contra a expressão regular "/ello/", o .corresponder() o método apenas para na primeira partida.

O próximo é usar a bandeira de insensibilidade ao caso “eu”. Essa bandeira ignora a sensibilidade da caixa da string e tenta encontrar a partida, considerando toda.

var string = "Hello World!! OLÁ! OLÁ";
console.log (string.correspondência (/ello/gi));

Saída

Na matriz que é devolvida pelo .corresponder() método. Podemos ver que ele contém strings minúsculas e maiúsculas que correspondiam à regex.

O .Método matchall ()

Aprendemos completamente sobre o .corresponder(), E sabemos que o mundo está constantemente evoluindo em todos os campos, vale a pena apontar que o .Matchall () também foi adicionado na versão mais recente do JavaScript.

O .Matchall () Utiliza a bandeira "G", com a qual você está familiarizado (a bandeira global), e retorna um iterador ou uma matriz vazia:

Exemplo

Seja regex = /s (h) (OW (\ d?))/g;
deixe string = "show1show2show3";
Deixe Array = [… String.Matchall (regex)];
para (vamos i = 0; i console.log (matriz [i]);

Observação: Usamos um loop para imprimir todos os elementos presentes na variável de matriz.

Saída:

Bem, a principal razão para usar o .Matchall () o método pode ser facilmente visto. Podemos ver isso da saída que ele deve ser usado para o acesso aprimorado para capturar grupos

Conclusão

Após este tutorial, você provavelmente agora está familiarizado com o funcionamento do .corresponder() método, juntamente com uma compreensão básica de expressão regular e você também aprendeu sobre o método recém -adicionado que é o .Matchall () método.

Isso significa que agora você tem um entendimento básico de combinar strings com regex usando funções JavaScript em construção. Estes certamente eram exemplos bastante básicos e simples, mas ainda mostraram o propósito e o trabalho dos métodos.