Підступна війна росії проти України. Орієнтовні втрати ворога
(станом на 27.05.2022)
29750
осіб
206
літаків
170
гелікоптерів
1322
танків
3246
ББМ
623
артилерія
93
ППО
201
РСЗВ
2226
машин
13
кораблі і катери
Уроки JavaScript – Шпаргалка по регулярним виразам

Уроки 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 була вам корисною!

 

 

Напишіть тут свою думку/питання

Ваша пошта не публікуватиметься.