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

@serverSerrverlesskiy

Регулярные выражения (англ. regular expressions) — формальный язык поиска и осуществления манипуляций со строками в тексте , основанный на использовании метасимволов.

Регулярные выражения позволяют:

Искать текст в строке
Заменять подстроки в строке
Извлекать информацию из строки

JavaScript, наряду с Perl, это один из языков программирования в котором поддержка регулярных выражений встроена непосредственно в язык .

Видео

Сложность использования

the complexity of using

Недостаток регулярных выражений в том, что часто они выглядят странно и даже пугающе. Особенно это касается более сложных шаблонов.

let regExp = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/

Определение регулярных выражения

Определение регулярного выражения, это создание шаблона, на основе которого будет происходить работа со строками. В JavaScript регулярные выражения - это объект, который может быть определён двумя способами.

Литерал
Конструкция

Определение регулярных выражений с использованием литералов. Для регулярных выражений литералами выступают слеши / ... /, они играют ту же роль, что и скобки ' ... ' при создании строк.

let regExp = /шаблон/

Если вы решили создавать регулярные выражения при помощи литералов, то стоит учитывать, что такой метод создания не допускает динамическое изменение задаваемых значений. Происходит это из-за того, что литералы регулярных выражения вызывают предварительную компиляцию при анализе скрипта.

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

let regExp = new RegExp('шаблон')

Компиляция регулярного выражения созданного с использованием конструктора происходит в момент выполнения скрипта. Такой способ создания стоит использовать, если ваше регулярное выражение создаётся из динамически сгенерированной строки.

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

pressing the button

Использование регулярных выражений рассмотрим на примере:

let regExp = /banana/

Этим кодом мы создали простое регулярное выражение, которое ищет строку banana. Для тестирования регулярного выражения можно использовать метод .test(string), результатом работы метода является boolean значение.

Интерактивный редактор

function learnJavaScript() {
  let regExp = /banana/,
    str = 'fanana ranana banana'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}

function learnJavaScript() {
  let regExp = /banana/,
    str = 'fanana ranana banana'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}

Результат

В примере регулярное выражение ищет подстроку banana в строке str.

Якоря

anchor

Якоря привязывают шаблон к началу или концу строки. Для привязки к началу строки используется - ^, а к концу - $.

Интерактивный редактор

function learnJavaScript() {
  let regExp = /^banana/,
    str = 'lime banana orange'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}

function learnJavaScript() {
  let regExp = /^banana/,
    str = 'lime banana orange'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}

Результат

Используя такой шаблон /banana/ вы будете искать banana во всей строке. Если нужно проверить на полное совпадение строки с шаблоном нужно использовать якоря /^banana$/. Метод .test() вернёт true только в том случае, если вся строка это banana.

Флаги

Flag

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

g - при поиске ищет все совпадения;
i - поиск не зависит от регистра [Z-z];
m - многострочный режим;
s - включает режим dotall, при котором точка . может соответствовать символу перевода строки;
y - выполняет поиск начиная с символа, который находится на позиции свойства lastindex текущего регулярного выражения;
u - включает поддержку Unicode.

Использование флагов при разных способах создания шаблона регулярного выражения

Литерал
Конструкция

let regExp = /шаблон/флаг // prettier-ignore

Обратите внимание, что флаги являются неотъемлемой частью регулярного выражения. Флаги не могут быть добавлены или удалены позднее. Также флаги можно комбинировать.

Интерактивный редактор

function learnJavaScript() {
  let regExp = /banana/i,
    str = 'faNana RanaNA BaNanA'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}

function learnJavaScript() {
  let regExp = /banana/i,
    str = 'faNana RanaNA BaNanA'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}

Результат

Попробуйте убрать флаг i из примера.

let regExp = new RegExp('шаблон', 'флаг')

Интерактивный редактор

function learnJavaScript() {
  let regExp = new RegExp('banana', 'i'),
    str = 'faNana RanaNA BaNanA'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}

function learnJavaScript() {
  let regExp = new RegExp('banana', 'i'),
    str = 'faNana RanaNA BaNanA'
  return regExp.test(str) ? 'Нашёл' : 'Нету'
}