JavaScript regexp – це тип об'єкта, який використовується для порівняння послідовності символів у рядках.

Створюємо перший регулярний вираз

Існує два способи створення регулярного виразу: з використанням літералу регулярного виразу або за допомогою конструктора регулярних виразів. Кожен з них представляє той самий шаблон: символ « c», за яким слідує « a», а потім символ « t».

// літерал регулярного виразу полягає у слеші (/) var option1 = /cat/; // Конструктор регулярного виразу var option2 = New RegExp ("cat");

Як правило, якщо регулярне вираз залишається константою, тобто не змінюватиметься, краще використовувати літерал регулярного виразу. Якщо воно змінюватиметься чи залежить від інших змінних, краще використовувати метод із конструктором.

Метод RegExp.prototype.test()

Пам'ятаєте, я казав, що регулярні висловлювання є об'єктами? Це означає, що вони мають низку методів. Найпростіший метод – це JavaScript regexp test, який повертає логічне значення:

True (істина): рядок містить шаблон регулярного виразу.

False (брехня): збігу не знайдено.

console.log(/cat/.test(“the cat says meow”)); // вірно console.log(/cat/.test("the dog says bark")); // неправильно

Пам'ятка з основ регулярних виразів

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

Символи

• . – (точка) відповідає будь-якому одиночному символу за винятком перенесення рядка;
• *  –  відповідає попередньому виразу, який повторюється 0 або більше разів;
• +  –  відповідає попередньому виразу, який повторюється 1 або більше разів;
• ? –  попередній вираз є необов'язковим ( відповідає 0 або 1 раз);
• ^ - відповідає початку рядка;
• $ - відповідає кінцю рядка.

Групи символів

• d– відповідає будь-якому одиночному цифровому символу.
• w– відповідає будь-якому символу (цифрі, літері або знаку підкреслення).
• [XYZ]–  набір символів. Відповідає будь-якому символу з набору, заданого в дужках. Також можна задавати діапазони символів, наприклад, .
• [XYZ ]+– відповідає символу з набору, повторюваного один або більше разів.
• [^A-Z]–  всередині набору символів "^" використовується як знак заперечення. У цьому прикладі шаблону відповідає все, що не є літерами у верхньому регістрі.

Прапори :

У JavaScript regexp існує п'ять необов'язкових прапорів. Вони можуть використовуватися окремо або разом, та розміщуються після закриває слеша. Наприклад: /[ A-Z] / g. Тут я наведу лише два прапори.

g-   глобальний пошук.

i- Пошук, нечутливий до регістру.

Додаткові конструкції

(x)–   захоплюючі дужки. Цей вираз відповідає x і запам'ятовує цю відповідність, тому ним можна скористатися пізніше.

(?:x)- Незахоплюючі дужки. Вираз відповідає x , але це запам'ятовує відповідність.

Відповідає x, тільки якщо за ним слідує y.

Протестуємо вивчений матеріал

Спочатку протестуємо все вище сказане. Допустимо, що ми хочемо перевірити рядок на наявність будь-яких цифр. Для цього можна використовувати конструкцію "d".

console.log(/d/.test("12-34")); // вірно

Наведений вище код повертає значення true , якщо у рядку є хоча одна цифра. Що робити, якщо потрібно перевірити рядок на відповідність формату? Можна використовувати кілька символів «d», щоб визначити формат:

console.log(/dd-dd/.test("12-34")); //правильно console.log(/dd-dd/.test("1234")); //невірно

Якщо неважливо, як у JavaScript regexp online йдуть цифри до і після знака "-", можна використовувати символ "+", щоб показати, що шаблон "d" зустрічається один або кілька разів:

console.log(/d+-d+/.test("12-34")); // вірно console.log(/d+-d+/.test("1-234")); // вірно console.log(/d+-d+/.test("-34")); // неправильно

Для простоти можна використовувати дужки, щоб згрупувати вирази. Припустимо, у нас є нявкання кішки, і ми хочемо перевірити відповідність шаблону. meow»(мяу):

console.log(/me+(ow)+w/.test("meeeeowowoww")); // вірно

Тепер розберемося.

m => відповідність одній літері 'm';

e + => відповідність букві "e" один або кілька разів;

(ow) + => відповідність літер «ow» один або кілька разів;

w => відповідність букві 'w';

'm' + 'eeee' + 'owowow' + 'w'.

Коли оператори типу "+" використовуються відразу після дужок, вони впливають на весь вміст дужок.

Оператор «? ». Він зазначає, що попередній символ є необов'язковим. Як ви побачите нижче, обидва тестові приклади повертають значення true , тому що символи «s» позначені як необов'язкові.

console.log(/cats? says?/i.test("the Cat says meow")); //вірно console.log(/cats? says?/i.test("the Cats say meow")); // вірно

Якщо ви захочете знайти символ слішу, потрібно екранізувати його за допомогою зворотного слішу. Те саме вірно для інших символів, які мають особливе значення, наприклад, знака питання. Ось JavaScript regexp приклад того, як їх шукати:

var slashSearch = ///; var questionSearch = /?/;

• d– це те саме, що й : кожна конструкція відповідає цифровому символу.
• w– це те саме, що [ A-Za-z 0-9_]: обидва вирази відповідають будь-якому алфавітно-цифровому символу або підкресленню.

Приклад: додаємо прогалини до рядків, написаних у «верблюжому» стилі

У цьому прикладі ми дуже втомилися від "верблюжого" стилю написання і нам потрібен спосіб додати прогалини між словами. Ось приклад:

removeCc("camelCase") // => повинен повернути "camel Case"

Існує просте рішення з використанням регулярного вираження. По-перше, нам потрібно знайти всі великі літери. Це можна зробити за допомогою пошуку набору символів та глобального модифікатора.

Це відповідає символу "C" в "camelCase"

Тепер, як додати пробіл перед "C"?

Нам потрібно використати захоплюючі дужки! Вони дозволяють знайти відповідність і запам'ятати її, щоб використовувати пізніше! Використовуйте захоплюючі дужки, щоб запам'ятати знайдену велику літеру:

Отримати доступ до захопленого значення пізніше можна так:

Вище ми використовуємо $1 для доступу до захопленого значення. До речі, якби у нас було два набори захоплюючих дужок, ми б використали $1 і $2 для посилання на захоплені значення і аналогічно для більшої кількості захоплюючих дужок.

Якщо вам потрібно використовувати дужки, але не потрібно фіксувати це значення, можна використовувати дужки, що не захоплюють: (?: x ). У цьому випадку є відповідність x , але вона не запам'ятовується.

Повернемося до поточного завдання. Як ми реалізуємо захоплюючі дужки? За допомогою методу JavaScript regexp replace! Як другий аргумент ми передаємо «$1». Тут важливо використовувати лапки.

function removeCc(str)( return str.replace(/()/g, "$1"); )

Знову подивимось на код. Ми захоплюємо прописну літеру, а потім замінюємо її тією самою літерою. Усередині лапок вставимо пробіл, за яким слідує змінна $1. У результаті отримуємо пропуск після кожної великої літери.

function removeCc(str)( return str.replace(/()/g, " $1"); ) removeCc("camelCase") // "camel Case" removeCc("helloWorldItIsMe") // "hello World It Is Me"

Приклад: видаляємо великі літери

Тепер у нас є рядок з купою непотрібних великих літер. Ви здогадалися, як їх видалити? По-перше, нам потрібно вибрати всі великі літери. Потім використовуємо пошук набору символів за допомогою глобального модифікатора:

Ми знову будемо використовувати метод replace , але як цього разу зробити малий символ?

function lowerCase(str)( return str.replace(//g, ???); )

Підказка: у методі replace () як другий параметр можна вказати функцію.

Ми будемо використовувати стрілочну функцію, щоб не захоплювати значення знайденого збігу. При використанні функції у методі JavaScript regexp replace ця функція буде викликана після пошуку збігів, і результат функції використовується як заміщувальний рядок. Ще краще, якщо збіг є глобальним і знайдено кілька збігів — функція буде викликана для кожного знайденого збігу.

function lowerCase(str)( return str.replace(//g, (u) => u.toLowerCase()); ) lowerCase("camel Case") // "camel case" lowerCase("hello World It Is Me" ) // "hello world it is me"

The RegExpконструктор створює регулярний вираз об'єкта для матчу з текстом.

Для того, щоб ввійти до регулярних expressions, read the Regular Expressions chapter in the JavaScript Guide.

Source для цього interactive example is stored in GitHub repository. Якщо ви знайдете, щоб розширити проектні приклади, повторити clone https://github.com/mdn/interactive-examples і виконати додаткові запити.

Syntax

Literal, constructor, і factory notations є:

/ pattern / flags new RegExp (pattern [, flags]) RegExp (pattern [, flags ])

Parameters

Якщо визначено, flags is a string that contains the flags to add; або якщо об'єкт використовується для тексту, написи string буде замінити будь-яку з цих objects's flags (and lastIndex will be reset to 0) (as of ES2015). що object's flags (and lastIndex value) will be copied over.

flags mai contain any combination of the following characters:

G global match; find all matches rather than stopping after the first match. i ignore case; if u flag is also enabled, use Unicode case folding. m multiline; treat beginning and end characters (^ and $) як працюючий над multiple lines (i.e., match the beginning or end of each line (delimited by \n or \r), не тільки вельми почати або кінець whole input string). s "dotAll"; allows. до матчу Newlines. u Unicode; treat pattern як sequence of Unicode code points. (See also Binary strings). y sticky; матчі тільки з indexу, що встановлені в останнійIndex property of this regular expression in the target string (and does not attempt to match from any later indexes).

Description

Там є два способи створення RegExp object: a literal notation and a constructor.

• The literal notation"sпараметри включаються між сплесками і не можуть використовувати quotation marks.
• The constructor function"sПараметри не включаються між slashes, але для використання quotation marks.

Наступні expresions створюють саму regular expression:

/ab+c/i new RegExp(/ab+c/, "i") // literal notation new RegExp("ab+c", "i") // constructor

Літеральна нотація забезпечується з'єднанням з регулярним виразом, коли зйомка є встановлена. Застосування literal notation when the regular expression буде remain constant. Для прикладу, якщо ви використовуєте літературну нотатку, щоб регулювати регулярне визнання, використовуване в прориві, регулярне визнання не буде переоснащено на будь-яку ітерацію.

Конференція регулярного expresion об'єкта, для прикладу, новий RegExp("ab+c") , забезпечує runtime compilation of regular expression. Використовуйте конструктивну функцію, коли ви знайдете регулярний expressions pattern, щоб змінити, або ви не знаєте, що pattern і буде генерувати його з іншого джерела, так як user input.

Starting with ECMAScript 6, новий RegExp(/ab+c/, "i") no longer throws a TypeError("can"t supply flags when constructing one RegExp from another") when the first argument is a RegExp and the second flags argument is present.

При використанні конструктора функцій, normal string escape rules (preceding special characters with \ included in a string) необхідна. Для прикладу, наступне: equivalent:

Let re = /\w+/ let re = new RegExp("\w+")

Properties

Methods

Global RegExp об'єкт не має методів його свого. Незважаючи на те, що це вносить деякі методи через prototype chain.

RegExp prototype objects and instances

Properties

Examples

За допомогою regular expression to change data format

Regular expression and Unicode characters

Як mentioned above, \w or \W тільки матчі ASCII засновані characters; for example, a z , A to Z , 0 to 9 , and _ .

Для боротьби з іншими мовами так само як Cyrillic or Hebrew, use \u hhhh, де hhhh is the character's Unicode value in hexadecimal. Цей приклад демонструє, як один може бути виділений з Unicode characters from a word.

Let text = "Зразок text російською мовою" let regex = /[\u0400-\u04FF]+/g .lastIndex) // logs "7" let match2 = regex.exec(text) console.log(match2) // logs "на" console.log(regex.lastIndex) // logs "15" // and so on

Extracting sub-domain name з URL

Specifications

Browser compatibility

Компактність таблиці на цій сторінці генерується з структурованих даних. Якщо ви знайдете, щоб дізнатися про ваші дані, клацніть на https://github.com/mdn/browser-compat-data і пишуть.