Регулярные выражения on JSFlow

Введение в регулярные выражения

Mon, 01 Jan 0001 00:00:00 +0000

Введение в регулярные выражения #

Регулярное выражение (RegExp) — объект, описывающий шаблон поиска в тексте. В JavaScript regex применяют для валидации ввода, извлечения полей из API-ответов и нормализации пользовательских данных. Для простой замены одной подстроки достаточно методов строки; regex оправдан, когда правило повторяется или зависит от структуры текста.

Литерал `/шаблон/флаги` #

Самый частый способ — слэшевый литерал:

const skuPattern = /^[A-Z]{2}-\d{2}-[A-Z0-9]+$/

skuPattern.test('KB-01-XL') // true
skuPattern.test('kb-01') // false

Литерал удобен, когда шаблон известен на этапе написания кода. Обратные слэши внутри литерала экранируют спецсимволы regex (не путать с экранированием в обычных строках).

Символьные классы и квантификаторы

Mon, 01 Jan 0001 00:00:00 +0000

Символьные классы и квантификаторы #

Символьный класс в regex задаёт множество допустимых символов в одной позиции; квантификатор указывает, сколько раз элемент может повторяться. Вместе они описывают форматы SKU, телефонов, почтовых индексов и полей чекаута без перечисления каждого варианта вручную.

Один символ: `.` и экранирование #

Точка . совпадает с любым символом, кроме перевода строки (без флага s):

'KB-01'.match(/K./) // ['K-']

Спецсимволы regex экранируют обратным слэшем: \. \* \+ \? \^ \$ \|  \[ \] \{ \}

Группы, альтернация и lookahead

Mon, 01 Jan 0001 00:00:00 +0000

Группы, альтернация и lookahead #

Группы в regex изолируют фрагмент шаблона и сохраняют совпавший текст для последующего использования. Альтернация | выбирает один из вариантов; lookahead и lookbehind проверяют контекст без включения его в результат совпадения. Эти приёмы нужны при разборе статусов заказа, составных адресов и метаданных плейлиста.

Захватывающие группы `(...)` #

Скобки группируют часть шаблона и нумеруют захваты слева направо:

const line = 'ord-2026-7f3a | delivered'
const re = /^(ord-\d{4}-[a-f0-9]{4})\s*\|\s*(\w+)$/

const m = line.match(re)
m[0] // полное совпадение
m[1] // "ord-2026-7f3a"
m[2] // "delivered"

В replace группы доступны как $1, $2 или через функцию:

Методы RegExp и String

Mon, 01 Jan 0001 00:00:00 +0000

Методы RegExp и String #

Методы RegExp (test, exec) и методы String с аргументом regex (match, matchAll, replace, split) — основной API поиска и преобразования текста. Выбор метода зависит от того, нужна ли только проверка, первое совпадение, все совпадения или замена с группами.

`RegExp.prototype.test(str)` #

Возвращает boolean — есть ли совпадение. С флагом g или y обновляет lastIndex:

const ORDER = /^ord-\d{4}-[a-f0-9]{4}$/

ORDER.test('ord-2026-7f3a') // true
ORDER.test('invalid') // false

Для глобального regex повторные вызовы продолжают с lastIndex:

Регулярные выражения on JSFlow

Введение в регулярные выражения

Введение в регулярные выражения #

Литерал /шаблон/флаги #

Символьные классы и квантификаторы

Символьные классы и квантификаторы #

Один символ: . и экранирование #

Группы, альтернация и lookahead

Группы, альтернация и lookahead #

Захватывающие группы (...) #

Методы RegExp и String

Методы RegExp и String #

RegExp.prototype.test(str) #

Литерал `/шаблон/флаги` #

Один символ: `.` и экранирование #

Захватывающие группы `(...)` #

`RegExp.prototype.test(str)` #