⚙️
Front-end patterns
  • Введение
  • Шаблоны
    • Эффекты CSS
      • Overlay
      • Анимация display:none
      • Текст
        • Фон текста градиент с анимацией
      • Элементы формы
        • Вертикальное выравнивание placeholder по вертикали
      • Ссылки
        • Градиент как основной цвет
        • Линия под ссылкой ездит слева направо при наведении
      • Скрывать блок .clipped
    • Модальное окно
      • Dialog
    • Элементы формы
      • Select
      • Radio
      • CheckBox
      • Ввод текста (input)
        • Телефон (tel)
        • Почта (email)
      • Кнопка
    • Вкладки/Списки
      • Вкладки или Табы (tabs)
      • Аккордеон (Accordion)
    • Навигация
      • Основная и дополнительная навигация на сайте
        • Анимирование основной навигации
      • Пропустить навигацию
      • Хлебные крошки (Breadcrumbs)
      • Кнопка основной навигации (Бургер)
    • Структуры
      • Контейнер
      • Столбцы
      • Прогресс
      • Горизонтальная прокрутка карточек
      • Цитата
    • Тэги (семантика)
      • Текст
      • Логика
    • Увеличить скорость загрузки страницы
    • Шрифты
  • JS
    • Прокрутка страницы
    • Анимация элементов
  • A11Y
    • Фокус с клавиатуры
    • No sort
  • WordPress
    • Решения и подсказки
    • Плагины
    • Натягиваем сайт
      • Пустая тема
      • Делаем главную (пустую) страницу
      • Подключаем стили и js
      • Заменяем содержимое файлов (header, footer, page)
    • Свой плагин
      • Шаблон
      • Административная часть
      • Пользовательская часть
      • Локализация плагина
  • Ghost
    • Создание своей темы
      • Фалы шаблона
        • Partials
          • footer.hbs
          • header.hbs
          • post_card.hbs
        • index.hbs
        • default.hbs
        • post.hbs
      • Переменные
      • Циклы, условия и функции
  • Visual Studio
  • Gulp
    • Deploy on GitHub
    • Плагин
    • Моя сборка
      • Изображения
  • Регулярные выражения
  • Алгоритмы
    • Поиск
    • Сортировка
    • Поиск в ширину (глубину)
    • Типы данных
  • Конструкторы сайтов
Powered by GitBook
On this page
  • Объявление
  • Методы для строк
  • Методы для регулярного выражения
  • Видеоуроки

Was this helpful?

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

Знак

Значение

Пример

.

Любой одинарный символ, кроме переноса строки (\n)

\d

Цифровой символ

[0-9]

\D

Не цифровой символ

\s

Пробельный символ, дополнительно включает в себя символы: \t - табуляция, \n - перенос строки, \v - вертикальная табуляция, \f - конец файла, \r - возврат каретки.

\S

Все, кроме: символов пробела, табуляции, переноса строки, вертикальной табуляции, конца файла, возврата каретки.

\w

Цифры, английские буквы, символ нижнего подчеркивания "_"

[a-zA-Z0-9]

\W

Не цифры, английские буквы, символ нижнего подчеркивания "_"

\b

Граница слова, между началом текста и словом, между словом и словом, между не словом и словом, между словом и концом текста.

\B

Все, кроме границ слова, например внутри слова

[ ]

Любой из набора внутри кавычек

[^ ]

Любой не входящий в набор

[а-я] не исключает ё. надо - [a-ё]

a-b

"-" диапазон, находит первое вхождение

\p{ }

Поиск Юникода, используется с флагом "u"

\p{Sc}

Квантификаторы

{ n - n+1}

Количество поисков. Старается повториться наибольшее количество повторений. В выражении /d{3, 4} для "10000" выберет "1000" (жадный)

{1-3} от одного до трех; {3, 4} три или четыре

{ n - n+1}?

В выражении /d{3, 4}? для "10000" выберет "100" (ленивый)

{3, } от трех до бесконечности;

*

Повторить от 0 до до бесконечности

+

Повторить от 1 до до бесконечности

?

Повторить от 0 до 1

()

Скобочная группа. К группе можно применять квантификаторы.

(?:[ ]) - скобочная группа исключенная из запоминания

\N

Обратная ссылка в шаблоне, применяется к скобочным группам, где N номер скобочной группы.

(....)(....)\1

(?<name>)

Имя скобочной группы (name)

(?<sep>....)(.../k<sep>)

X(?=Y)

Находит Х, если за ним следует Y

X(!=Y)

Находит Х, если за ним НЕ следует Y

(?<=Y)X

Находит Х, если следует за Y

(?<!Y)X

Находит Х, если НЕ следует за Y

|

Знак альтернации используется в качестве ИЛИ

b|d - найти "b" или "d"

Флаги: /регулярное выражение/флаг

g

Поиск глобально, т.е. не останавливается после найденного значения

s

С этим флагом "." обозначает любой символ, включая перенос строки

i

Не зависит от регистра

y

указывает что необходимо производить поиск на указанной позиции(через lastindex).

u

Поиск Юникода, поддерживается не во всех браузерах

m

Выполнять поиск для каждой строчки

Якоря

^

Начало текста или строки, если есть флаг "m"

$

Конец текста или строки, если есть флаг "m"

Объявление

let rg = /регулярное выражение/флаг
let rg = new RegExp('регулярное выражение', 'флаг')

Методы для строк

match - выводит результат в массив. Если значение одно, то результат - объект, если значений много, то результат массив из "результата" поиска.

matchAll - если значений много, то результат массив из массивов. Поддерживают не все браузеры.

search - В случае если поиск удачный, то выводит номер, где нашел. В случае если совпадения нет, то -1.

split - разбивает текст на массив подстрок.

replace - находит и заменяет подстроку в строке. Имеет ряд специальных символов. $& - вставляет все найденные совпадения. $` - вставляет все, что было найдено до совпадения. $' - вставляет все, что было найдено после совпадения. $1 $2 $N - Обратная ссылка в шаблоне, где N это номер скобочной группы. $<name> - Обратная ссылка в шаблоне, где name это имя скобочной группы.

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

exec -

lastindex - начинает поиск с указанной позиции.

test - если текст совпадает с регулярным выражением, то возвращается true

Видеоуроки

PreviousИзображенияNextАлгоритмы

Last updated 1 year ago

Was this helpful?

https://www.youtube.com/watch?v=pSdXUgOLpwo