O comando 'ou' em expressões regulares JavaScript

Nesta lição, vamos analisar o comando '|', que representa uma variante mais poderosa do 'ou' em comparação com o comando [ ]. Este comando permite dividir a expressão regular em várias partes. Consequentemente, o que está sendo buscado pode se encaixar em uma parte da expressão regular ou em outra. Vamos ver exemplos.

Exemplo

Neste exemplo, o padrão de busca é: três letras 'a' ou três letras 'b':

javascriptlet str = 'aaa bbb abb';
let res = str.replace(/a{3}|b{3}/g, '!');

Como resultado, o seguinte será armazenado na variável:

javascript'! ! abb'

Exemplo

Neste exemplo, o padrão de busca é: três letras 'a' ou 1 ou mais letras 'b':

javascriptlet str = 'aaa bbb bbbb bbbbb axx';
let res = str.replace(/a{3}|b+/g, '!');

Como resultado, o seguinte será armazenado na variável:

javascript'! ! ! ! axx'

Exemplo

Neste exemplo, o padrão de busca é: uma ou mais letras ou três dígitos:

javascriptlet str = 'a ab abc 1 12 123';
let res = str.replace(/[a-z]+|\d{3}/g, '!');

Como resultado, o seguinte será armazenado na variável:

javascript'! ! ! 1 12 !'

Exemplo

A barra vertical pode dividir a expressão regular não em duas partes, mas em qualquer número de partes:

javascriptlet str = 'aaa bbb ccc ddd';
let res = str.replace(/a+|b+|c+/g, '!');

Como resultado, o seguinte será armazenado na variável:

javascript'! ! ! ddd'

Exemplo

Se a barra vertical estiver dentro de parênteses, então o 'ou' funciona apenas dentro desses parênteses.

Como exemplo, vamos encontrar strings com o seguinte padrão: no início há ou 'a', ou 'b' uma ou mais vezes, e depois duas letras 'x':

javascriptlet str = 'axx bxx bbxx exx';
let res = str.replace(/(a|b+)xx/g, '!');

Como resultado, o seguinte será armazenado na variável:

javascript'! ! ! exx'

Problemas práticos

javascriptlet str = 'aeeea aeea aea axa axxa axxxa';

javascriptlet str = 'aeeea aeea aea axa axxa axxxa';