JavaScript-тегімен тұрақты өрнек жолы

Тұрақты өрнектерді жол түрінде көрсетуге болады. Бұл ыңғайлы, егер сізге тұрақты өрнектерге айнымалыларды енгізу қажет болса, немесе оларды динамикалық түрде құру қажет болса.

Мысалға қарайық. Бізде келесі жол бар делік:

let str = 'img.png';

Бұл жолға келесі тұрақты өрнекті қолданамыз делік:

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

Бұл тұрақты өрнекті жол түрінде қайта жазайық. Бұл RegExp арнайы нысаны арқылы жасалады:

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

Енді тұрақты өрнектің бір бөлігін айнымалыға шығарып, оны конкатенация арқылы енгізейік:

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

Енді айнымалыны қалыпты жолдар арқылы енгізейік:

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

Енді тұрақты өрнектің бір бөлігін массивтен құрастырайық:

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

Практикалық есептер

Домен аймақтарының атауларын жеке айнымалыға шығарыңыз:

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

Алдыңғы есепті домен аймақтары массив түрінде сақталатынын ескере отырып өзгертіңіз:

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