Представьте, что вы делаете форму регистрации. Нужно проверить, чтобы пользователь ввел корректный email, придумал надежный пароль и не оставил лишние пробелы. Для этого разработчики используют регулярные выражения. Что это такое — рассказываем в статье.
Что такое регулярные выражения
Регулярное выражение (Regular Expression) — это шаблон для поиска и обработки текста. Вы описываете правило, а программа проверяет, соответствует ли ему строка.
Например, можно создать шаблон, который:
- ищет все цифры в тексте;
- находит определенное слово;
- проверяет формат email;
- ищет даты;
- убирает лишние пробелы.
RegExp используют в разных языках программирования, но в JavaScript они встроены прямо в язык и активно применяются при работе со строками.
Зачем нужны регулярные выражения
RegExp помогает автоматизировать работу с текстом. Чаще всего их используют для следующих задач:
- Валидация данных из форм. Пользователь вводит email, телефон, пароль или индекс. RegExp проверяет, соответствует ли введенная строка нужному формату, если нет — сразу сообщает об ошибке.
- Поиск и извлечение информации. Например, когда в большом тексте нужно найти все ссылки, даты, цены или упоминания компании. RegExp находит их разом, без перебора строк в цикле.
- Замена и очистка текста. С помощью регулярных выражений можно удалить лишние пробелы, заменить сокращения на полные слова, убрать HTML-теги из текста.
- Разбор логов и файлов. При работе с серверными логами или CSV-файлами RegExp помогает быстро извлекать нужные поля из каждой строки.
- Автодополнение и подсветка синтаксиса. Многие редакторы кода используют регулярные выражения, чтобы подсвечивать ключевые слова или искать фрагменты для автодополнения.
На практике RegExp встречается практически в каждом приложении: от интернет-магазина до банковского сервиса, поэтому важно научиться с ним работать, чтобы экономить время и сохранить чистоту кода.
Как создать регулярное выражение в JavaScript
Есть два способа создания регулярных выражений в JS:
- Через литерал: самый популярный вариант. Большинство разработчиков используют именно такой синтаксис, потому что он короче и удобнее. Шаблон пишется между двумя косами чертами, а флаги — после закрывающей черты.
const regex = /hello/;
- Через конструктор RegExp: в этом случае содержимое регулярного выражения определяется во время выполнения программы.
const regex = new RegExp("hello");
Литерал используют для фиксированных шаблонов. Конструктор — в случаях, когда шаблон нужно собрать из переменных или получить от пользователя.
Из чего состоит регулярное выражение
Регулярные выражения состоят из символов — их можно разделить на несколько групп.
- Обычные символы: буквы, числа и некоторые знаки, которые обозначают сами себя. Например, в шаблоне /кот/ буквы «к», «о», «т» означают именно эти символы. Такое выражение найдет подстроку «кот» в любом тексте.
- Спецсимволы (. ^ $ * + ? ( ) { } [ ] \ |): их нужно экранировать обратным слешем. Например, точка (.) в RegExp означает «любой символ, кроме перевода строки». Чтобы найти именно точку, нужно написать \.
- Якоря: привязывают поиск к началу (^) или концу строки ($). Например, /^кот/ найдет «кот» в самом начале строки, а /кот$/ — в конце.
- Квантификаторы: указывают, сколько раз может повторяться символ или группа. * — 0 или более раз, + — 1 или более раз, ? — 0 или 1 раз, {3} — ровно 3 раза, {2,5} — от 2 до 5 раз.
Все эти символы не нужно запоминать сразу. На практике достаточно освоить 5–6 самых популярных комбинаций, чтобы выполнять большинство повседневных задач, а остальные — добавлять по мере необходимости.
Флаги регулярных выражений
Флаги — это дополнительные параметры, которые меняют поведение RegExp.
- g — ищет все совпадения. Без g поиск останавливается на первом найденном результате.
- i — игнорирует регистр. Не различает заглавные и строчные буквы.
- m — включает многострочный режим. Якоря ^ и $ начинают работать для каждой строки, а не для всего текста целиком.
- u — включает поддержку символов юникода и эмодзи.
В литерале флаги пишут после закрывающей косой черты () или вторым аргументом конструктора RegExp.
Методы работы с регулярными выражениями
В JavaScript есть несколько встроенных методов для работы с RegExp:
- test() — найти совпадения в строке и вернуть true или false.
- match() — вернуть найденные совпадения (без флага g — только первое).
- search() — вернуть индекс первого совпадения (если ничего не найдено -1).
- replace() — заменить первое совпадение на указанную строку. С флагом g можно заменить все вхождения.
- split() — разбить строку по шаблону.
Этих пяти методов достаточно для большинства задач начинающему разработчику.
Когда не стоит использовать регулярные выражения
RegExp — удобный инструмент JavaScript, но не универсальный. В некоторых случаях от него лучше отказаться.
- Слишком сложные или вложенные структуры. Регулярные выражения плохо подходят для разбора HTML или JSON. Вложенные теги или скобки лучше обрабатывать специальными парсерами.
- Задачи, которые решаются обычными строковыми методами. Если можно обойтись includes(), startsWith(), indexOf() — используйте их. Это быстрее и проще.
- Большие объемы данных. На длинных строках (сотни тысяч символов) сложные регулярные выражения могут работать медленно и вести к зависанию.
Хороший разработчик знает не только как написать регулярное выражение, но и когда от него лучше отказаться. Если регулярное выражение не поддается и вы тратите на него слишком много времени, проще написать обычный цикл с условиями.
Полезные сервисы для проверки регулярных выражений
Для тестирования RegExp можно использовать специальные сервисы:
- regex101.com — подсвечивает совпадения, объясняет каждый символ и показывает, сколько времени занял поиск. Поддерживает разные языки программирования, включая JavaScript.
- regexr.com — удобный инструмент с подсказками и библиотекой готовых выражений. Есть визуальные подсказки по символам, поэтому подходит даже начинающим.
- regexper.com — превращает регулярное выражение в наглядную диаграмму-граф. Помогает понять, как работает сложный шаблон.
Небольшие регулярные выражения можно тестировать прямо в консоли браузера или среде разработки (VS Code, WebStorm и др.) Это позволяет сразу увидеть результат на реальных данных и быстрее отлаживать код, не переключаясь между инструментами.
Главное про регулярные выражения в JavaScript
- Регулярное выражение (Regular Expression) — это шаблон для поиска, извлечения и изменения фрагментов текста.
- RegExp используют для валидации форм, поиска данных в тексте (ссылки, даты, цены), очистки строк от лишних пробелов и т. д.
- Флаги меняют поведение RegExp: g — найти все, i — игнорировать регистр, m — включить многострочный режим.
- Для тестирования RegExp можно использовать онлайн-сервисы, например regex101.com.
- Регулярные выражения не подходят для разбора HTML/JSON, больших объемов данных и задач, которые решаются простыми строковыми методами.
