Parênteses não capturadores em expressões regulares JavaScript

Os parênteses ( ) desempenham duas funções - agrupamento de caracteres e a função de captura. E o que fazer se precisamos agrupar, mas não capturar? Para resolver esse problema, foram criados parênteses não capturadores (?: ) - eles agrupam, mas não capturam.

Exemplo

No exemplo a seguir, os primeiros parênteses são necessários para agrupamento, e os segundos - para captura. No entanto, ambos os tipos de parênteses salvam dados na captura:

javascriptlet str = 'abab123';
let res = str.match(/(ab)+([1-9]+)/);

Como resultado, nossas capturas conterão o seguinte:

javascriptconsole.log(res[0]); // exibirá 'abab123'
console.log(res[1]); // exibirá 'ab'
console.log(res[2]); // exibirá '123'

Exemplo

Vamos fazer com que o primeiro par de parênteses apenas agrupe, mas não capture:

javascriptlet str = 'abab123';
let res = str.match(/(?:ab)+([1-9]+)/);

Como resultado, nossa primeira captura será o número:

javascriptconsole.log(res[1]); // exibirá '123'