Escapovanie špeciálnych znakov v regulárnych výrazoch JavaScript

Predpokladajme, že chceme, aby špeciálny znak predstavoval sám seba. Na to je potrebné ho escapovať pomocou spätného lomítka. Pozrime sa na príklady.

Príklad

V nasledujúcom príklade autor regulárneho výrazu chcel, aby vyhľadávací vzor vyzeral takto: písmeno 'a', potom plus '+', potom písmeno 'x'. Avšak, autor kódu neescapoval symbol '+', a preto vyhľadávací vzor v skutočnosti vyzerá takto: písmeno 'a' jeden alebo viackrát, potom písmeno 'x':

javascriptlet str = 'a+x ax aax aaax';
let res = str.replace(/a+x/g, '!');

Výsledkom zapísaným do premennej bude:

javascript'a+x ! ! !'

Príklad

Teraz autor escapoval plus spätným lomítkom. Vyhľadávací vzor teraz vyzerá tak, ako má: písmeno 'a', potom plus '+', potom písmeno 'x'.

javascriptlet str = 'a+x ax aax aaax';
let res = str.replace(/a\+x/g, '!');

Výsledkom zapísaným do premennej bude:

javascript'! ax aax aaax'

Príklad

V tomto príklade vzor vyzerá takto: písmeno 'a', potom bodka '.', potom písmeno 'x':

javascriptlet str = 'a.x abx azx';
let res = str.replace(/a\.x/g, '!');

Výsledkom zapísaným do premennej bude:

javascript'! abx azx'

Príklad

V nasledujúcom príklade autor zabudol escapovať bodku a pod regulárny výraz spadli všetky podreťazce, pretože neescapovaná bodka predstavuje akýkoľvek znak:

javascriptlet str = 'a.x abx azx';
let res = str.replace(/a.x/g, '!');

Výsledkom zapísaným do premennej bude:

javascript'! ! !'

Poznámka

Všimnite si, že ak zabudnete spätné lomítko pre bodku (keď by mala predstavovať samu seba) - je možné si toho ani nevšimnúť:

javascript'a.x'.replace(/a.x/g, '!'); // vráti '!', ako sme chceli

Vizuálne to funguje správne (pretože bodka predstavuje akýkoľvek znak, vrátane obyčajnej bodky '.'). Ale ak zmeníme reťazec, v ktorom sa vykonávajú náhrady - uvidíme našu chybu:

javascript'a.x abx azx'.replace(/a.x/g, '!'); // vráti '! ! !', ale očakávalo sa '! abx azx'

Zoznam špeciálnych symbolov a obyčajných

Ak escapujete obyčajný symbol - nič zlého sa nestane - stále bude predstavovať sám seba. Výnimka - čísla, tie nie je možné escapovať.

Často vznikajú pochybnosti, či je daný symbol špeciálny. Niektorí ľudia až tak, že escapujú všetky podozrivé symboly naraz. Avšak, to je zlá prax (zanečisťuje regulárny výraz spätnými lomítkami).

Špeciálne symboly sú: $ ^ . * + ? \ / {} [] () |

Obyčajné symboly (nie sú špeciálne): @ : , ' " ; - _ = < > % # ~ `& !

Praktické úlohy

javascriptlet str = 'a.a aba aea';

javascriptlet str = '2+3 223 2223';

javascriptlet str = '23 2+3 2++3 2+++3 345 567';

javascriptlet str = '23 2+3 2++3 2+++3 445 677';

javascriptlet str = '*+ *q+ *qq+ *qqq+ *qqq qqq+';

javascriptlet str = '[abc] {abc} abc (abc) [abc]';