Диаграма на регулярен израз

Как да визуализирате регулярен израз

1. Въведете или поставете шаблона в Регулярен израз. Можете да поставите и цял JavaScript литерал като /^\d{3}-\d{4}$/gm: наклонените черти се премахват, а флаговете автоматично се преместват в полето за флагове.
2. Добавете флагове, ако ви трябват (произволни от d g i m s u v y). Флаговете променят начина, по който се чертаят някои части: с m символите ^ и $ стават „начало на реда“ и „край на реда“; със s точката става „всеки знак“.
3. Диаграмата се обновява, докато пишете. Начертай диаграмата я прерисува при поискване, а Следващ пример обикаля няколко често срещани шаблона (имейл, телефонен номер, шестнадесетичен цвят, цена, HTML таг, адрес).
4. Четете диаграмата отляво надясно, от запълнената точка до точката с кръг. Всеки път, който можете да следвате, е низ, който шаблонът може да съвпадне.
5. Използвайте Изтегли SVG за остро векторно изображение (документация, презентации), Изтегли PNG за картинка с двойна резолюция или Копирай SVG кода, за да поставите кода в уеб страница.

Задръжте курсора върху кутия, за да видите частта от шаблона, от която идва, и нейната позиция.

Как се чете railroad диаграма

Railroad диаграмите, наричани още синтактични диаграми, описват граматика като набор от коловози. Регулярният израз е точно такава граматика, затова чертежът показва структурата му много по-добре от плътен ред символи:

• Сините кутии са буквален текст, който трябва да се появи, както е написан, например „@“.
• Зелените кутии са типове знаци (\d цифра, \w знак на дума, . всеки знак…) и класове знаци. Клас като [\w.+-] става кутия със заглавие „един от“, която изброява всеки елемент; отрицателен клас [^…] е червен със заглавие „нито един от“.
• Лилавите таблетки са котви и граници: начало и край на текста или реда, \b граница на дума. Те съвпадат с позиция, а не със знак.
• Оранжевите пунктирани кутии са обратни препратки като \1 или \k<name>: същият текст като група, съвпаднала по-рано.
• Пунктираните рамки са групи. Улавящите групи се номерират по реда на отварящата им скоба („група #2 „domain““); неулавящите групи (?:…) нямат рамка. Lookahead и lookbehind получават розова рамка с надпис „следва“ или „предхожда се от“, защото проверяват текста, без да го консумират.
• Успоредните коловози са алтернативи, разделени с |.
• Път над елемент позволява да го прескочите (?, *, {0,n}). Път отдолу със стрелка води обратно, за да го повтори (+, *, {n,m}). Броят, различен от обичайните, е написан под цикъла, например „от 2 до 5 пъти“, а мързеливите квантори (+?, *?) са отбелязани като „мързелив“.

Съобщения за грешки с позиции

Шаблонът се проверява от собствената машина за регулярни изрази на JavaScript във вашия браузър, така че това, което този инструмент приема, е точно това, което приема new RegExp() със същите флагове. Когато машината го отхвърли, инструментът сочи проблемния знак с позицията му и стрелка под шаблона. Разпознава несдвоена ), група, която никога не се затваря, клас знаци без ], квантор без какво да повтаря (*a, a|+), самотна обратна наклонена черта в края и квантори {n,m}, където n е по-голямо от m. Други грешки, като обратна препратка към несъществуващо име на група, се показват със съобщението на браузъра.

Изразът се компилира само за проверка: той никога не се изпълнява върху текст и нищо не напуска вашия браузър.