Безопасные динамические шаблоны

При создании регулярного выражения из динамической строки возникает проблема специальных символов. Символы вроде . или + имеют особое значение. Для их корректной обработки предназначен статический метод RegExp.escape(). Он экранирует все спецсимволы в строке, подготавливая её для безопасного включения в шаблон. Данный метод является кандидатом в стандарт ECMAScript (Stage 3).

// Строка от пользователя, которую нужно найти
const userQuery = 'node.js (v18+)';

// Неправильный подход: спецсимволы ломают шаблон
const brokenRegex = new RegExp(userQuery);
// Получится /node.js (v18+)/, что ищет совсем не то, что нужно.
console.log(brokenRegex.test('I use node.js (v18+)')); // false

// Правильный подход с использованием предложенного метода
const escapedQuery = RegExp.escape(userQuery);
// escapedQuery станет 'node\\.js \\(v18\\+\\)'

const correctRegex = new RegExp(escapedQuery);
console.log(correctRegex.test('I use node.js (v18+)')); // true

👉 @web_craft | #frontend