НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ

JS Довідник

JS за категорією JS за алфавітом

JavaScript

JS Масив JS Булеві JS Класи JS Дата JS Помилка JS Глобальні JS JSON JS Математичні JS Число JS Об’єкт JS Оператори JS Пріоритет JS Регулярні вирази
Модифікатори: g i m Групи: [abc] [^abc] [0-9] [^0-9] (x|y) Метасимволи: . \w \W \d \D \s \S \b \B \0 \n \f \r \t \v \xxx \xdd \uxxxx Квантори: + * ? {X} {X,Y} {X,} $ ^ ?= ?! Властивості: constructor global ignoreCase lastIndex multiline source Методи: compile() exec() test() toString()
JS Інструкції JS Рядки JS Типізований масив

Window

Об’єкт Window Window консоль Window Історія Window Локація Window Навігатор Window Екран

HTML DOM

HTML Документи HTML Елементи HTML Атрибути HTML Колекція HTML NodeList HTML DOMTokenList HTML Стилі
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundClip backgroundColor backgroundImage backgroundOrigin backgroundPosition backgroundRepeat backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide caretColor clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cssFloat cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right scrollBehavior tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex

HTML Події

HTML Події HTML Об’єкти подій HTML Властивості події HTML Методи подій

Web API

API Консоль API Fetch API Fullscreen API Геолокація API Історія API MediaQueryList API Сховище API Валідація API Веб

HTML Об’єкти

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Інші довідники

CSSStyleDeclaration JS Перетворення


JavaScript. Уроки W3Schools для початківців українською мовою

En

JavaScript RegExp Довідник


Об’єкт RegExp

Регулярний вираз — це шаблон символів.

Шаблон використовується для пошуку та заміни символів у рядках.

Об’єкт RegExp — це регулярний вираз із доданими властивостями та методами.

Синтаксис

/pattern/modifier(s);

Приклад

let pattern = /w3schools/i;
Спробуйте самі »

Пояснення прикладу:

w3schoolsШаблон для пошуку
/w3schools/Регулярний вираз
/w3schools/iРегулярний вираз без урахування регістру

Щоб дізнатись більше інформації про регулярні вирази, прочитайте розділ JavaScript RegExp на нашому сайті W3Schools українською.


Підтримка браузерами

/regexp/ є функцією ECMAScript1 (ES1).

ES1 (JavaScript 1997) повністю підтримується у всіх браузерах:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes

Модифікатори

Модифікатори використовуються для виконання глобального пошуку без урахування регістру:

Модифікатор Опис
g Виконайте глобальний збіг (знайдіть усі збіги, а не зупиняйтеся після першого збігу)
i Виконайте зіставлення без урахування регістру
m Виконайте багаторядкову відповідність

Дужки

Дужки використовуються для пошуку діапазону символів:

Вираз Опис
[abc] Знайти будь-який символ у дужках
[^abc] Знайти будь-який символ НЕ в дужках
[0-9] Знайти будь-який символ у дужках (будь-яку цифру)
[^0-9] Знайти будь-який символ НЕ в дужках (будь-яку не цифру)
(x|y) Знайти будь-який із запропонованих варіантів

Метасимволи

Метасимволи – це символи зі спеціальним значенням:

Метасимвол Опис
. Знайти один символ, крім символу нового рядка чи символу закінчення рядка
\w Знайти символ слова
\W Знайти неслівний символ
\d Знайти цифру
\D Знайти нецифровий символ
\s Знайти пробіл
\S Знайти непробільний символ
\b Find a match at the beginning/end of a word, beginning like this: \bHI, end like this: HI\b
\B Знайти збіг, але не на початку/кінці слова
\0 Знайти символ NULL
\n Знайти символ нового рядка
\f Знайти символ подачі форми
\r Знайти символ повернення каретки
\t Знайти символ табуляції
\v Знайти символ вертикальної табуляції
\xxx Знайти символ, заданий вісімковим числом xxx
\xdd Знайти символ, заданий шістнадцятковим числом dd
\udddd Знайти символ Unicode, заданий шістнадцятковим числом dddd

Квантори

Квантор Опис
n+ Відповідає будь-якому рядку, який містить принаймні один n
n* Відповідає будь-якому рядку, який містить нуль або більше випадків n
n? Відповідає будь-якому рядку, який містить нуль або одне входження n
n{X} Відповідає будь-якому рядку, який містить послідовність X n's
n{X,Y} Збігається з будь-яким рядком, який містить послідовність від X до Y n's
n{X,} Збігається з будь-яким рядком, який містить послідовність принаймні X n's
n$ Збігається з будь-яким рядком із n у кінці
^n Відповідає будь-якому рядку з n на початку
?=n Відповідає будь-якому рядку, після якого йде певний рядок n
?!n Відповідає будь-якому рядку, за яким не йде певний рядок n

Властивості об’єкта RegExp

Властивість Опис
constructor Повертає функцію, яка створила прототип об’єкта RegExp
global Перевірте, чи встановлено модифікатор "g".
ignoreCase Перевірте, чи встановлено модифікатор "i".
lastIndex Вкажіть індекс, з якого починати наступний збіг
multiline Перевірте, чи встановлено модифікатор "m".
source Повертає текст шаблону RegExp

Методи об’єктів RegExp

Метод Опис
compile() Застаріло у версії 1.5. Компілює регулярний вираз
exec() Тести на збіг у рядку. Повертає перший збіг
test() Тести на збіг у рядку. Повертає true або false
toString() Повертає рядкове значення регулярного виразу