Уроки JavaScript – Шпаргалка по регулярним виразам

У сьогоднішній статті ми розглянемо регулярні вирази в JavaScript, а також побачимо практичні приклади використання регулярних виразів в JavaScript скриптах.

Регулярні вирази бувають досить корисними, і їх можна використовувати практично у всіх своїх скриптах. Але, для цього потрібна практика, тому нижче представлені основні приклади регулярних виразів, які допоможуть вам в цьому.

Шпаргалка регулярних виразів в JavaScript

Скорочений запис пошуку символів

let regex;
regex = /\d/; // відповідає будь-якій цифрі
regex = /\D/; // відповідає будь-якій не цифрі
regex = /\w/; // відповідає будь-якому символу з літерного набору (a-z, A-Z, 0-9, _)
regex = /\W/; // відповідає будь-якому несловесному символу
regex = /\s/; // відповідає будь-якому символу порожнього простору (\r (повернення каретки), \n (новий рядок), \t (табуляція))
regex = /\S/; // відповідає будь-якому символу не порожнього простору

Відповідність певному рядку

let regex;
regex = /world/; // шукає рядок між слешами (з урахуванням регістру). Відповідає "world", "world123", "123world123", "123world". Не відповідає "worlD", "World"
regex = /world/i; // шукає рядок між слешами (без урахування регістру). Відповідає "world", "World", "123World"

Символи узагальнення (підстановочні символи)

let regex;
regex = /w.rld/; // Крапка (.) відповідає будь-якому іншому символу, крім символу нового рядка. Відповідає "world", "wyrld", але не "w\nrld"
regex = /w.*rld/; // Знак зірочки (*) відповідає будь-якому символу (символам) нуль або більше разів. Відповідає "world", "wooooorld", "wrld", "wjdjjkkrld"

Конкретні символи

let regex;
regex = /[qwerty]/;  // відповідає будь-якому символу у квадратних дужках
regex = /[ae]ffect/; // відповідає affect або effect
regex = /[^qwerty]/; // відповідає всьому, крім символів в квадратних дужках

Діапазони символів

let regex;
regex = /[a-z]/; // відповідає всім маленьким буквам
regex = /[A-Z]/; // відповідає всім великим буквам
regex = /[a-k]/; // відповідає маленьким буквам від a до k (включно)
regex = /[G-Y]/; // відповідає всім заголовним буквам від G до Y (включно)
regex = /[0-9]/; // відповідає всім цифрам
regex = /[4-9]/; // відповідає будь-якій цифрі від 4 до 9 (включно)
regex = /[a-zA-Z]/; // відповідає всім маленьким і прописним буквам
regex = /[^a-zA-Z]/; // відповідає всім не буквам

Відповідність повторень з використанням квантифікаторів

let regex;
regex = /(world){3}/; // відповідає "worldworldworld"
regex = /world{3}/; // відповідає "worlddd" і "worldddd", але не "worldd"
regex = /\d{3}/; // відповідає 3 цифрам ( «312», «122», «111», «12312321», але не «12»)
regex = /\d{3,5}/; // відповідає цифрам, які зустрічаються від 3 до 5 разів (включно)
regex = /\d{3,}/; // відповідає цифрам, які зустрічаються як мінімум 3 рази

Відповідність повторень з використанням зірочки і плюса

let regex;
regex = /ab*c/; // відповідає нуль або більше повторенням "b" (відповідає "abc", "abbbbc", "ac")
regex = /ab+c/; // відповідає одному або декільком повторенням «b» (відповідає «abc», «abbbbc», але не «ac»)

Зіставлення початкових і кінцевих елементів

let regex;
regex = /^[A-Z]\w*/; // відповідає "H", "Hello", але не "hey"
regex = /\w*s$/; // відповідає "cats", "dogs", "avocados", але не "javascript"

Відповідність границь слова (його положення)

1. перед першим символом в рядку (якщо перший символ є символом слова)
2. після останнього символу в рядку, якщо останній символ є символом слова
3. між двома символами в рядку, де один є символом слова, а інший – не є */

regex = /\bmeow\b/; // відповідає "hey meow lol", "hey:meow:lol", але не "heymeow lol"

Альтернативна відповідність

let regex;
regex = /i like (apple|banana|orange)\./; // відповідає «i like apple.», «i like banana.» та «i like orange.».

Можливі функції

let regex;
regex.test("World"); // повертає true, якщо знайдено збіг, інакше false
regex.exec("World"); // повертає масив результатів, інакше null

Приклад перевірки:

<script type="text/javascript">
let regex;
regex = /w.rld/;
if ( regex.test("world") ) {
 console.log("Yes!");
} else {
 console.log("No!");
}
</script>

От і все! Сподіваємося, що сьогоднішня шпаргалка по регулярним виразам в JavaScript була вам корисною!