ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

JS Учебник

JS Старт JS Интро JS Установка JS Вывод JS Инструкции JS Синтаксис JS Комментарии JS Переменные JS Ключевое слово Let JS Ключевое слово Const JS Операторы JS Арифметические JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Строковые методы JS Строковый поиск JS Строковые шаблоны JS Числа JS Числовые методы JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Массив Const JS Даты JS Форматы дат JS Методы получения дат JS Методы установки дат JS Математические JS Рандомные JS Булевы JS Сравнения JS Условия JS Switch JS Цикл For JS Цикл For In JS Цикл For Of JS Цикл While JS Break и Continue JS Итерации JS Наборы JS Карты JS Typeof JS Преобразование типов JS Побитовые JS Регулярные выражения JS Ошибки JS Область действия JS Хостинг JS Use Strict JS Ключевое слово this JS Функция стрелки JS Классы JS JSON JS Отладка JS Гид по стилю JS Лучшие практики JS Распространенные ошибки JS Производительность JS Зарезервированные слова

JS Версии

JS Версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/Edge JS История

JS Объекты

Определения объектов Свойства объекта Методы объекта Отображение объекта Доступ к объектам Конструкторы объектов Прототипы объектов Итерируемые объекты Наборы объектов Карты объектов Справочник объектов

JS Функции

Определения функций Параметры функции Обращение к функции Вызов функции Применение функции Закрытие функции

JS Классы

Введение Наследование класса Статические методы

JS Асинхронный

Обратные вызовы Асинхронный Промисы Async/Await

JS HTML DOM

DOM Введение DOM Методы DOM Документ DOM Элементы DOM HTML DOM Формы DOM CSS DOM Анимация DOM События DOM Слушатель событий DOM Навигация DOM Узлы DOM Коллекции DOM Узловые списки

JS Браузер BOM

JS Окно JS Скрин JS Локация JS История JS Навигатор JS Всплывающее оповещение JS Тайминг JS Куки

JS Веб API

Веб API Интро Веб-формы API Веб-история API Веб-хранилище API Веб-воркер API Веб-выборка API Веб-геолокация API

JS AJAX

AJAX Интро AJAX XMLHttp AJAX Запрос AJAX Отклик AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON и XML JSON Типы данных JSON Анализ JSON Stringify JSON Объекты JSON Массивы JSON Сервер JSON PHP JSON HTML JSON JSONP

JS и jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Input JS HTML Объекты JS HTML События JS Браузер JS Редактор JS Упражнения JS Викторина JS Сертификат

JS Справочники

JavaScript Объекты HTML DOM Объекты

JavaScript. W3Schools на русском. Уроки для начинающих

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


Регулярное выражение - это последовательность символов, образующая шаблон поиска.

Шаблон поиска можно использовать для текстового поиска и операций замены текста.


Что такое регулярное выражение?

Регулярное выражение - это последовательность символов, образующая шаблон поиска.

Когда вы ищете данные в тексте, вы можете использовать этот шаблон поиска, чтобы описать то, что вы ищете.

Регулярное выражение может быть отдельным символом или более сложным шаблоном.

Регулярные выражения можно использовать для выполнения всех типов операций текстового поиска и замены текста.

Синтаксис

/pattern/modifiers;

Пример

/w3schools/i;

Объяснение примера:

/w3schools/i - это регулярное выражение.

w3schools - это шаблон (для использования в поиске).

i - является модификатором (изменяет поиск без учета регистра).


Использование строковых методов

В JavaScript регулярные выражения часто используются с двумя строковыми методами: search() и replace().

Метод search() использует выражение для поиска совпадения и возвращает позицию совпадения.

Метод replace() возвращает измененную строку, в которой заменен шаблон.


Использование String search() со строкой

Метод search() ищет строку для указанного значения и возвращает позицию совпадения:

Пример

Используйте строку, чтобы выполнить поиск по запросу "W3schools" в строке:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

Результат в n будет:

6

Попробуйте сами »


Использование String search() с регулярным выражением

Пример

Используйте регулярное выражение для поиска по запросу "w3schools" без учета регистра в строке:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

Результат n будет:

6

Попробуйте сами »

Использование String replace() со строкой

Метод replace() заменяет указанное значение другим значением в строке:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");
Попробуйте сами »

Используйте String replace() с регулярным выражением

Пример

Используйте регулярное выражение без учета регистра, чтобы заменить Microsoft на W3Schools в строке:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

Результат в res будет:

Посетите W3Schools!
Попробуйте сами »

Вы заметили?

Аргументы регулярного выражения (вместо строковых аргументов) можно использовать в приведенных выше методах.
Регулярные выражения могут сделать ваш поиск намного более мощным (например, без учета регистра).


Модификаторы регулярных выражений

Модификаторы можно использовать для более глобального поиска без учета регистра:

Модификатор Описание Попробуй это
i Сопоставление без учета регистра Попробуй это »
g Выполнить глобальное сопоставление (найти все совпадения, а не останавливаться после первого совпадения) Попробуй это »
m Выполнить многострочное сопоставление Попробуй это »

Шаблоны регулярных выражений

Скобки используются для поиска ряда символов:

Выражение Описание Попробуй это
[abc] Найдите любой из символов в скобках Попробуй это »
[0-9] Найдите любую из цифр в скобках Попробуй это »
(x|y) Найдите любую из альтернатив, разделенных | Попробуй это »

Метасимволы - это символы со специальным значением:

Метасимвол Описание Попробуй это
\d Найдите цифру Попробуй это »
\s Найдите символ пробела Попробуй это »
\b Найдите совпадение в начале такого слова: \bWORD, или в конце такого слова: WORD\b Попробуй это »
Попробуй это »
\uxxxx Найдите символ Юникода, указанный шестнадцатеричным числом xxxx Попробуй это »

Квантификаторы определяют количества:

Квантификатор Описание Попробуй это
n+ Соответствует любой строке, содержащей хотя бы один n Попробуй это »
n* Соответствует любой строке, содержащей ноль или более вхождений n Попробуй это »
n? Соответствует любой строке, содержащей ноль или одно вхождение n Попробуй это »

Использование объекта RegExp

В JavaScript объект RegExp - это объект регулярного выражения с предопределенными свойствами и методами.


Использование test()

Метод test() - это метод выражения RegExp.

Он ищет в строке шаблон и возвращает true или false, в зависимости от результата.

В следующем примере выполняется поиск в строке символа "e":

Пример

const pattern = /e/;
pattern.test("Все лучшее в жизни бесплатно!");

Поскольку в строке есть буква "e", вывод приведенного выше кода будет:

true

Попробуйте сами »

Вам не нужно сначала помещать регулярное выражение в переменную. Две приведенные выше строки можно сократить до одной:

/e/.test("Все лучшее в жизни бесплатно!");

Использование exec()

Метод exec() - это метод выражения RegExp.

Он ищет строку для указанного шаблона и возвращает найденный текст как объект.

Если совпадений не найдено, возвращается пустой объект (null).

В следующем примере выполняется поиск в строке символа "e":

Пример

/e/.exec("Все лучшее в жизни бесплатно!");
Попробуйте сами »

Полный справочник RegExp

Для получения полной справки перейдите на Полный справочник JavaScript RegExp на нашем сайте W3Schools на русском.

Справочник содержит описания и примеры всех свойств и методов RegExp.