Regular Expressions 101

Explanation

Pro

Group 1([\s\[\{,:]+)

Character Class[\s\[\{,:]+

+matches at least one character from the set below:

\sany whitespace character

\[the literal [ (91₁₀ / 133₈ / 5B₁₆)

\{the literal { (123₁₀ / 173₈ / 7B₁₆)

,the literal , (44₁₀ / 54₈ / 2C₁₆)

:the literal : (58₁₀ / 72₈ / 3A₁₆)

Negative Lookahead(?!\-?\.?\d|false\W|true\W)

1st Alternative\-?\.?\d

\-?optionally matches the literal - (45₁₀ / 55₈ / 2D₁₆)

\.?optionally matches the literal . (46₁₀ / 56₈ / 2E₁₆)

\da digit

2nd Alternativefalse\W

falsethe literal text false (case sensitive)

\Wany non-word character

3rd Alternativetrue\W

truethe literal text true (case sensitive)

\Wany non-word character

Group 2([^'\":,\s\]\}]+)

Negated Character Class[^'\":,\s\]\}]+

+matches at least one character outside the set below:

'the literal ' (39₁₀ / 47₈ / 27₁₆)

\"the literal " (34₁₀ / 42₈ / 22₁₆)

:the literal : (58₁₀ / 72₈ / 3A₁₆)

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\sany whitespace character

\]the literal ] (93₁₀ / 135₈ / 5D₁₆)

\}the literal } (125₁₀ / 175₈ / 7D₁₆)

Group 3([:\s,\}\]_\-\{\[]|$)

1st Alternative[:\s,\}\]_\-\{\[]

Character Class[:\s,\}\]_\-\{\[]

:the literal : (58₁₀ / 72₈ / 3A₁₆)

\sany whitespace character

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\}the literal } (125₁₀ / 175₈ / 7D₁₆)

\]the literal ] (93₁₀ / 135₈ / 5D₁₆)

_the literal _ (95₁₀ / 137₈ / 5F₁₆)

\-the literal - (45₁₀ / 55₈ / 2D₁₆)

\{the literal { (123₁₀ / 173₈ / 7B₁₆)

\[the literal [ (91₁₀ / 133₈ / 5B₁₆)

2nd Alternative$

$end of string, or before its final line terminator

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

Match Information

Detailed match information will be displayed here automatically.

Quick Reference

25 tokens

Regular Expression

([\s\[\{,:]+)(?!\-?\.?\d|false\W|true\W)([^'\":,\s\]\}]+)([:\s,\}\]_\-\{\[]|$)

New

[
    {
        path: '/my-profile', name: 'my_profile', component: MyProfile,
        child-ren: [
            {
                path: 'info', name: 'my_info', component: BasicInForm,
            },
            {
                path: 'photos', name: 'my_photos', component: MyPhot'os,
            },
            {
                path: 'questions', name: 'my_questions', component: MyQuestions,
            },
        ],
    },
    
    {
        path: '/', name: 'register', component: RegisterFormFlow,
    },
]

Extraction

[
    {
        path: '/my-profile', name: 'my_profile', component: MyProfile,
        child-ren: [
            {
                path: 'info', name: 'my_info', component: BasicInForm,
            },
            {
                path: 'photos', name: 'my_photos', component: MyPhot'os,
            },
            {
                path: 'questions', name: 'my_questions', component: MyQuestions,
            },
        ],
    },
    
    {
        path: '/', name: 'register', component: RegisterFormFlow,
    },
]