Řetězec s regulárním výrazem v JavaScriptu

Regulární výrazy lze reprezentovat jako řetězce. To je užitečné v případě, kdy potřebujete vkládat proměnné do regulárních výrazů nebo je vytvářet dynamicky.

Podívejme se na příklad. Předpokládejme, že máme následující řetězec:

javascriptlet str = 'img.png';

Předpokládejme, že na tento řetězec aplikujeme následující regulární výraz:

javascriptlet reg = /\.(png|jpg)$/;
let res = str.match(reg);

Přepišme tento regulární výraz do podoby řetězce. To se provádí pomocí speciálního objektu RegExp:

javascriptlet reg = new RegExp('\.(png|jpg)$');
let res = str.match(reg);

Nyní vyjmeme část regulárního výrazu do proměnné a vložíme ji pomocí řetězení:

javascriptlet pat = 'png|jpg';
let reg = new RegExp('\.(' + pat + ')$');
let res = str.match(reg);

A nyní vložme proměnnou pomocí šablonových řetězců:

javascriptlet pat = 'png|jpg';
let reg = new RegExp(`\.(${pat})$`);
let res = str.match(reg);

A nyní vytvoříme část regulárního výrazu z pole:

javascriptlet exts = ['png', 'jpg'];
let pat  = exts.join('|');
let reg  = new RegExp(`\.(${pat})$`);
let res  = str.match(reg);

Praktické úlohy

javascriptlet reg = /^[a-z]+\.(ru|by|ua)$/;
let res = reg.test(str);

javascriptlet arr = ['ru', 'by', 'ua'];